CSS 本身语法不够强大,导致重复编写一些代码,无法实现复用,而且在代码也不方便维护。
Sass 引入合理的样式复用机制,增加了规则、变量、混入、选择器、继承、内置函数等等特性。
我们可以举个例子,我们会在 CSS 中重复使用很多次十六进制的颜色代码,当有了变量之后,如果要改变颜色代码,只要修改变量的值就好了。
Sass本身并不被浏览器所支持,因此需要进行编译为CSS。
导入到Vue项目中
安装
npm install sass
安装后将原本的 css 文件后缀改成 sass 即可。