scss编译css

1.必须先安装ruby（https://rubyinstaller.org/downloads/）（注:mac下自带Ruby无需在安装Ruby!），安装完成后需测试安装有没有成功,运行CMD输入以下命令：ruby -v（第二步可使用sass -v）；
2.gem install sass
3.sass style.scss style.css 即可将style.scss 编译成 style.css

SASS提供四个编译风格的选项:

* nested：嵌套缩进的css代码，它是默认值。

* expanded：没有缩进的、扩展的css代码。

* compact：简洁格式的css代码。

* compressed：压缩后的css代码。

生产环境当中，一般使用压缩选项。

sass --style compressed style.sass style.css

也可以让SASS监听某个文件或目录，自动生成编译后的版本。

sass --watch style.scss:style.css

最后：如果使用sass编译最好不要输出到一个目录，会生成map文件，不方便找到文件，还有一种就是vscode easy sass扩展，个人非常推荐。