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)可以嵌套