1、官网地址
Sass官网:http://sass-lang.com/;
Sass中文网:https://www.sass.hk/;
2、sass的安装
- 1、下载安装ruby
- 2、 测试ruby是否安装(ruby -v)
- 3、安装sass
gem install sass
3、sass的编译
- 1、cmd
$cmd
$ sass t.scss //显示scss文件转化的css代码
$ sass t.scss t.css //保存为.css格式文件
- Sass 提供4种编译风格
sass --style nested style.sass style.css #嵌套缩进的css代码,它是默认值
sass --style expanded style.sass style.css #没有缩进的、扩展的css代码。
sass --style compact style.sass style.css #简洁格式的css代码
sass --style compressed style.sass style.css #压缩后的css代码。
- 单文件监听命令(添加--watch命令)
sass --watch style.scss:style.css
// --watch 参数加上之后,可以监测style这个文件的变化,更新保存后自动编译。
- 多文件(文件夹)监听命令
sass --watch sass/main:dist/css
#监视sass目录下main文件夹中的所有Sass文件,自动编译为CSS文件之后,放到dist/css目录下。