新手接触gulp
因工作需要第一次接触到gulp（在前端混真的很惭愧…），在此记录下对gulp的认识。
概念：
Gulp.js是一个基于node.js的自动化构建工具，开发者可以使用它在项目开发过程中自动执行常见任务。 <!--more--> # 全局安装：
$ npm install –global gulp
gulpfile.js文件：
在项目的根目录下创建。默认任务（什么也不做）：
var gulp = require('gulp');
gulp.task('default', function() {
// place code for your default task here
});运行 gulp
$ gulp
来看看gulp的API！
分为四个大的部分：
-
gulp.src：定义被操作的源文件（可用*来指定目录、文件类型）
-
gulp.task：定义任务，例如压缩、优化、编译等等
-
gulp.dest：在指定目录写入（执行任务后）生成的文件
-
gulp.watch：当一个文件被修改时，执行某个任务
*简单来说就是：哪些文件（src）？进行怎样的操作（task）？结果怎么写入（dest）？
举个例子！
创建一个监听所有类型为less的文件的任务，当任何一个less文件被修改时，执行less-pro这个任务。*
gulp.task('watch-less', function () {
gulp.watch('less/*.less', ['less-pro']);
});less-pro任务片段如下：
gulp.task('less-pro', function () {
console.log('开始编译');
//编译过程...
console.log('结束编译');
});如上watch less的例子中，执行：
$ gulp watch-less
就可以实现实时监控less文件改变并且进行编译的目的了。