CSS 本身语法不够强大,导致重复编写一些代码,无法实现复用,而且在代码也不方便维护。

Sass 引入合理的样式复用机制,增加了规则、变量、混入、选择器、继承、内置函数等等特性。

我们可以举个例子,我们会在 CSS 中重复使用很多次十六进制的颜色代码,当有了变量之后,如果要改变颜色代码,只要修改变量的值就好了。

Sass本身并不被浏览器所支持,因此需要进行编译为CSS。

导入到Vue项目中

安装

npm install sass

安装后将原本的 css 文件后缀改成 sass 即可。