Scss 如何编译成 css

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代码。

在生产环境中,我们最好使用最后一个编译选项,因为我们希望网络上传输的文件尽量的小。

1 Like