gulp如何编译sass

gulp是一个前端自动化构建工具，这篇文章仅介绍如何编译sass

安装Gulp之前需要先安装Node.js、sass（可参考前一篇sass安装）

首先在全局安装$ sudo npm install gulp -g

然后在终端打开工作目录

$ npm init

npm init命令会为你创建一个package.json文件，这个文件保存着这个项目相关信息。比如你用到的各种依赖（这里主要是插件）（终端会自动出现下面内容，这里一路回车到yes）

 创建完之后，我们执行下面的命令：

 

$ npm install gulp --save-dev

 

这一次，我们局部安装Gulp。使用—save-dev，将通知计算机在package.json中添加gulp依赖。

会多出这样的一个文件夹

 

在我们来创建gulpfile.js

 

 

此时命令行执行

 

gulp sass

 会在css文件夹自动编译生成所有的css

现在加一点代码实现自动编译

 在命令行执行：gulp sass:watch，就可实现监听文件变化来自动编译

 

 现在我们在改动scss的时候对应的CSS也会随之改变