Gulp：新一代前端建構利器

1、什麼是gulp

gulp.js 是一種基于流的，代碼優于配置的新一代建構工具。 <code>gulp</code> 和 <code>grunt</code> 類似。但相比于 <code>grunt</code> 的頻繁的 <code>io</code> 操作，<code>gulp</code> 的流操作，能更快地完成建構。

使用友善

通過代碼優于配置的政策，<code>gulp</code>可以讓簡單的任務簡單，複雜的任務更可管理。

建構快速

通過流式操作，減少頻繁的 <code>io</code> 操作，更快地建構項目。

插件高質

<code>gulp</code> 有嚴格的插件指導政策，確定插件能簡單高質的工作。

易于學習

少量的api，掌握<code>gulp</code>可以毫不費力。建構就像流管道一樣，輕松加愉快。

<code>gulp</code>是基于

<code>node.js</code>的，故要首先安裝

node.js

<code>gulp</code>的任務都是以插件的形式存在，本次示例以

gulp-jshint 為例，展示<code>gulp</code>的正常用法。

安裝 gulp-jshint

建立 gulpfile.js

gulp項目頁 有一個

<code>sample gulpfile</code>。如果不會寫的話，直接參考一下就ok了。

然後執行指令行

即可。

<code>gulp</code> 相比于

<code>grunt</code> 有很多優點，比較直覺的：就是學習曲線比較平滑。比grunt速度更快、配置更少。

當然，<code>gulp</code>還有很多進階的特性，詳見官方文檔

gulp插件清單

http://gulpjs.com/