1霹疫、官網(wǎng)地址
Sass官網(wǎng)：http://sass-lang.com/；
Sass中文網(wǎng)：https://www.sass.hk/综芥；
2丽蝎、sass的安裝
- 1、下載安裝ruby
- 2膀藐、 測(cè)試ruby是否安裝（ruby -v）
- 3屠阻、安裝sass
gem install sass
3、sass的編譯
- 1消请、cmd
$cmd
$ sass t.scss //顯示scss文件轉(zhuǎn)化的css代碼
$ sass t.scss t.css //保存為.css格式文件
- Sass 提供4種編譯風(fēng)格
sass --style nested style.sass style.css #嵌套縮進(jìn)的css代碼栏笆，它是默認(rèn)值
sass --style expanded style.sass style.css #沒(méi)有縮進(jìn)的、擴(kuò)展的css代碼臊泰。
sass --style compact style.sass style.css #簡(jiǎn)潔格式的css代碼
sass --style compressed style.sass style.css #壓縮后的css代碼蛉加。
- 單文件監(jiān)聽(tīng)命令（添加--watch命令）
sass --watch style.scss:style.css
// --watch 參數(shù)加上之后，可以監(jiān)測(cè)style這個(gè)文件的變化缸逃，更新保存后自動(dòng)編譯针饥。
- 多文件（文件夾）監(jiān)聽(tīng)命令
sass --watch sass/main:dist/css
#監(jiān)視sass目錄下main文件夾中的所有Sass文件，自動(dòng)編譯為CSS文件之后需频，放到dist/css目錄下丁眼。
