工具篇:node-sass

简单介绍

node-sass是一款可以将scss文件编译成css文件、css.mini文件的工具。

安装

前提是已经安装node.js

npm install node-sass -g

检测安装是否成功

node-sass -v

使用

node-sass --watch <源文件>  <目标文件>

举例：编译文件,将style.scss文件编译成style.css文件

node-sass style.scss style.css

监听模式，只要改动文件自动编译

node-sass --watch <源文件>  <目标文件>

编译风格

node-sass -w xxx.scss xxx.css --output-style expanded

提供四个编译风格： nested：嵌套缩进的css代码，它是默认值。

expanded：没有缩进的、扩展的css代码。

compact：简洁格式的css代码。

compressed：压缩后的css代码。

编译scss样式并且进行压缩

node-sass -w xxx.scss xxx.css.mini --output-style compressed

生产环境当中，一般使用最后一个选项。