sass安装

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

你可能感兴趣的:(js,sass,sass,前端,css)