新建一个scss为后缀的文件 input.scss,代码如下
$blue:red; //color
.blue {
color: $blue;
}
编译
执行命令行sass input.scss output.css
现在就编译好了一个output.css文件,建一个html的页面可以测试一下css文件的效果了

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

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

注意啦:ctrl+c可以终止检测
网友评论