Gulp简单介绍

1.什么是gulp

gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。
gulp 和 grunt 非常类似，但相比于 grunt 的频繁 IO 操作，gulp 的流操作，能更快地更便捷地完成构建工作。

2.全局安装gulp

• 说明：全局安装gulp目的是为了通过她执行gulp任务；
• 安装：命令提示符执行 npm install gulp -g –save
• 查看是否正确安装：命令提示符执行gulp -v，出现版本号即为正确安装。

3.开始：新建gulpfile.js

• 说明：gulpfile.js是gulp项目的配置文件，是位于项目根目录的普通js文件（其实将gulpfile.js放入其他文件夹下亦可）。
• 基本文件demo：

// 导入工具包 require('node_modules里对应模块')
var gulp = require('gulp'),
    less = require('gulp-less');

// 定义一个testLess任务（自定义任务名称）
gulp.task('testLess', function () {
    gulp.src('src/less/index.less') // 该任务针对的文件
    .pipe(less()) // 该任务调用的模块
    .pipe(gulp.dest('src/css')); // 将会在src/css下生成index.css
});

gulp.task('default',['testLess', 'otherTasks']); // 定义默认任务

4.运行gulp

• 编译less：命令提示符执行 gulp testLess
• 当执行gulp default或gulp将会调用default任务里的所有任务[‘testLess’, ‘otherTasks’]。

5.gulp github demo

https://github.com/vigetlabs/gulp-starter