scss是什么?在vue.cli中的安装使用步骤是?有哪几大特性?

css的预编译;

使用步骤:

第一步:用npm下三个loader(sass-loader、css-loader、node-sass);

第二步:在build目录找到webpack.base.config.js,在那个extends属性中加一个拓展.scss;

第三步:还是在同一个文件,配置一个module属性;

第四步:然后在组件的style标签加上lang属性,例如:lang="scss";

有哪几大特性:

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

2、可以用混合器;

3、可以嵌套;

posted @ 2019-01-18 16:03  让心去旅行  Views(917)  Comments(0Edit  收藏  举报