首先什么是scss呢?
scss是一种css预处理语言,是一个css的扩展,它在css语法的基础上,允许使用变量,嵌套规则,混合,导入,继承等功能,使得css更加强大和优雅,而且其完全兼容css3。
在vue.cli中的使用方法:
第一步:先装 css-loader、 node-loader、 sass-loader 等包
第二步:在 build 目录找到 webpack.base.config.js,在那个 extends 属性中
加一个拓展.scss
第三步:在同一个文件,配置一个 module 属性
第四步:然后在组件的 style 标签加上 lang 属性 ,例如: lang=” scss
特性有以下几种:
可以用变量,例如( $变量名称=值);
可以用混合器,例如()
可以嵌套