SCSS是什么?有哪几大特性?安装使用的步骤是什么?

SCSS是一个CSS的预编译工具,是一个CSS预编译语言;

有哪几大特性:
1)可以用变量,例如($变量名称=值);
2)可以用混合器;
3)可以嵌套;

使用步骤:
第一步:用npm下三个loader(sass-loader、css-loader、node-sass);
第二步:在build目录找到webpack.base.config.js,在那个extends属性中加一个拓展.scss;
第三步:还是在同一个文件,配置一个module属性;
第四步:然后在组件的style标签加上lang属性,例如:lang="scss";

点击此处
隐藏目录