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风格编译