SASS命令总结
cmd内进入主目录,主目录下有css
和sass
两个文件夹
分别有style.css
和style.scss
文件
sass sass/style.scss css/style.css
这命令将sass下的sytle.scss编译到style.css,不过style.scss
文件中如果有嵌套,style.css
文件中的代码缩进不太整洁,还保持嵌套风格的缩进,如下:
原因是sass命令提供四个编译风格
nested 嵌套缩进的css代码
expanded 没有缩进的、扩展的css代码
compact 简洁格式的css代码
compressed 压缩后的css代码
sass –style xxx sass/style.sass css/style.css
xxx
为对应的风格,其中nested
是默认值
以下是expanded
提供的风格
以下是compact
提供的风格
以下是compress
提供的风格
SASS中监听
sass –watch sass/style.scss:css/style.css
一旦style.scss
文件发生变化,就会按照nested
风格编译