1.sass 文件的 后缀是 scss 而并不是 sass
2. sass 如何书写先不提
3. sass 编译
- nested:嵌套缩进的css代码,它是默认值。
- expanded:没有缩进的、扩展的css代码。
- compact:简洁格式的css代码。
- compressed:压缩后的css代码。
默认格式编译nested | sass 路径A/style.scss:路径B/style.css |
---|---|
expanded | sass --style expanded 路径A/test.sass:路径B/test.css |
compact | sass --style compact 路径A/test.sass:路径B/test.css |
compressed | sass --style compressed 路径A/test:路径B/sass test.css |
4.观测 sass发生改变 css也发生改变
// watch a file
sass --watch input.scss:output.css
// watch a directory
sass --watch app/sass:public/stylesheets