SASS的简单命令

SASS命令总结


cmd内进入主目录,主目录下有csssass两个文件夹
分别有style.cssstyle.scss文件

sass   sass/style.scss    css/style.css

这命令将sass下的sytle.scss编译到style.css,不过style.scss文件中如果有嵌套,style.css文件中的代码缩进不太整洁,还保持嵌套风格的缩进,如下:

code

原因是sass命令提供四个编译风格

nested 嵌套缩进的css代码
expanded 没有缩进的、扩展的css代码
compact 简洁格式的css代码
compressed 压缩后的css代码

sass   –style   xxx   sass/style.sass   css/style.css

xxx为对应的风格,其中nested是默认值

以下是expanded提供的风格

expanded

以下是compact提供的风格

compact

以下是compress提供的风格

compress

SASS中监听

sass   –watch   sass/style.scss:css/style.css

一旦style.scss文件发生变化,就会按照nested风格编译