win10系统下将SCSS编译为CSS步骤:
- 安装ruby,安装完成后打开cmd输入:ruby -v,以测试安装是否成功
- 打开cmd运行:gem install sass,后输入sass -v以测试安装是否成功
- 进入需编译的scss文件目录下,运行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 |