Scss是Sass3版本当中引入的新语法特性,完全兼容css3的同时继承了Sass强大的动态功能。scss文件可以编译为css文件,下面我们来看一下将scss编译为css的方法。
我们可以使用node来将scss编译为css。下面我们来看一下使用node将scss编译为css的方法。
安装 Sass
使用命令进行安装:
yarn add sass
编译
编译的命令为:
sass style.scss:style.css
这个命令是我们最常用的命令。
参数
对于编译后的输出,还提供了下面的一些参数。
nested:嵌套缩进的css代码,它是默认值。
expanded:没有缩进的、扩展的css代码。
compact:简洁格式的css代码。
compressed:压缩后的css代码。
在生产环境中,我们最好使用最后一个编译选项,因为我们希望网络上传输的文件尽量的小。