玖叶教程网

前端编程开发入门

74、scss 是什么?在 Vue-cli 中的安装使用步骤是?有哪几大特性?

1、基本定义

SCSS 即是 SASS 的新语法,是 Sassy CSS 的简写,是 CSS3 语法的超集,也就是说所有有效的 CSS3 样式也同样适合于 SASS,SASS 是 CSS3 的一个扩展,增加了规则嵌套、变量、混合、选择器继承等等,通过使用命令行的工具或 WEB 框架插件把它转换成标准的、格式良好的 CSS 代码。

2、使用步骤:

(1,1)先装 css-loader、node-loader、sass-loader 等加载器模块

(1,2)在 build 目录找到 webpack.base.config.js,在那个 extends 属性中加一个拓展.scss

(1,3)在同一个文件,配置一个 module 属性

(1,4)然后在组件的 style 标签加上 lang 属性 ,例如:lang=”scss”

3、特性:

(3,1)可以用变量,例如($变量名称=值)

(3,2)可以用混合器,例如()

(3,3)可以嵌套

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言