1、什麼是Gulp

gulp.js 是一種基於流的，程式碼優於配置的新一代構建工具。

Gulp 和 Grunt 類似。但相比於 Grunt 的頻繁的 IO 操作，Gulp 的流操作，能更快地完成構建。

2、Gulp特性

• 使用方便

通過程式碼優於配置的策略，Gulp可以讓簡單的任務簡單，複雜的任務更可管理。

• 構建快速

通過流式操作，減少頻繁的 IO 操作，更快地構建專案。

• 外掛高質

Gulp 有嚴格的外掛指導策略，確保外掛能簡單高質的工作。

• 易於學習

少量的API，掌握Gulp可以毫不費力。構建就像流管道一樣，輕鬆加愉快。

3、Gulp安裝

Gulp是基於 Node.js的，故要首先安裝 Node.js

1 npm install -g gulp
2 npm install —-save-dev gulp

4、Gulp使用

Gulp的任務都是以外掛的形式存在，本次示例以 gulp-jshint 為例，展示Gulp的常規用法。

安裝 gulp-jshint

1 npm install gulp-jshint --save-dev

建立 gulpfile.js

gulp專案頁 有一個 Sample gulpfile

 1 var gulp = require('gulp');
 2 var jshint = require('gulp-jshint');
 3 
 4 var paths = {
 5   scripts: 'js/**/*.js',
 6 };
 7 
 8 gulp.task('lint', function() {
 9   return gulp.src(paths.scripts)
10     .pipe(jshint())
11     .pipe(jshint.reporter('default'));
12 });

然後執行命令列

1 gulp lint

即可。

5、Gulp總結

Gulp 相比於 Grunt 有很多優點，比較直觀的：就是學習曲線比較平滑。比Grunt速度更快、配置更少。

當然，Gulp還有很多高階的特性，詳見官方文件

Gulp外掛列表