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