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