1:sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby。
2:安装完成后需测试安装有没有成功,运行CMD输入以下命令:
3:如上已经安装成功。但因为国内网络的问题导致gem源间歇性中断因此我们需要更换gem源。
//1.删除原gem源
gem sources --remove https://rubygems.org/
//2.添加国内淘宝源
gem sources -a https://gems.ruby-china.com /
//3.打印是否替换成功
gem sources -l
编译sass
//单文件转换命令
sass input.scss output.css
//单文件监听命令
sass --watch input.scss:output.css
//如果你有很多的sass文件的目录,你也可以告诉sass监听整个目录:
sass --watch app/sass:public/stylesheets
命令行编译sass有配置选项,如编译过后css排版、生成调试map、开启debug信息等,可通过使用命令sass -v查看详细。我们一般常用两种–style``–sourcemap。
//编译格式
sass --watch input.scss:output.css --style compact
//编译添加调试map
sass --watch input.scss:output.css --sourcemap
//编译取消调试map
sass --watch input.scss:output.css --sourcemap=none
//选择编译格式并添加调试map
sass --watch input.scss:output.css --style expanded --sourcemap
//开启debug信息
sass --watch input.scss:output.css --debug-info