安装-编译

安装

安装node-sass来编译sass文件

    下载安装较新的nodeJS
    npm install node-sass
    ### 如果安装不成功，则可以使用cnpm或者下载 win32-x64-48_binding.node 来安装

安装ruby来编译sass文件

    下载安装ruby
    gem install sass
    ### 如果安装不成功，则下载sass.zip 执行 gem install sass.zip

编译

node-sass

使用webpack等前端构建工具，结合sass-loader或其他loader编译、加载sass文件

ruby

sass style.scss  // 编译指定文件
sass --watch style.scss  // 监控指定文件
sass --watch sassFileDirectory  // 监控指定文件夹
    ### 常用参数示例
sass --watch style.scss:style.css --style compact
sass --watch style.scss:style.css --sourcemap
sass --watch style.scss:style.css --style expanded --sourcemap
sass --watch style.scss:style.css --debug-info

: 冒号后表示生产的css文件或文件夹名称
--style表示解析后的css是什么格式，有四种取值分别为：nested，expanded，compact，compressed。
--sourcemap表示开启sourcemap调试。开启sourcemap调试后，会生成一个后缀名为.css.map文件。
--debug-info表示开启debug信息，升级到3.3.0之后因为sourcemap更高级，这个debug-info就不太用了。