sass学习2——编译、自动监视转换

新建一个scss为后缀的文件 input.scss，代码如下

$blue:red; //color
.blue {
    color: $blue;
}

编译

执行命令行sass input.scss output.css

现在就编译好了一个output.css文件，建一个html的页面可以测试一下css文件的效果了

image.png

如果每次修改input.scss文件都要重新编译一下是不是很麻烦呢，现在有一个新 的命令可以自动检测scss文件的更新，同时可以自动编译css文件

自动检测

sass --watch input.scss:output.css

image.png

改动文件就会自动检测到啦

image.png

注意啦：ctrl+c可以终止检测

执行命令 sass --watch app/sass:public/stylesheets可以针对整个目录进行检测

使用 sass --help可以列出完整的帮助文档