前兩篇文章討論了 Gulp 的安裝部署及基本概念，借助於 Gulp 強大的 插件生態 可以完成很多常見的和不常見的任務。本文主要匯總常用的 Gulp 插件及其基本使用，需要讀者對 Gulp 有一個基本的了解。如果你對 Gulp 還不是很了解，可以通過下面兩篇文章快速了解 Gulp 。
由於幾乎所有的插件都有非常友好的使用文檔，所以本文不討論涉及插件使用的東西，僅是一個匯總、排名不分先后。
相關連接導航
在windows下安裝gulp —— 基於 Gulp 的前端集成解決方案（一）
執行 $Gulp 時發生了什么 —— 基於 Gulp 的前端集成解決方案（二）
插件安裝
gulp 插件基於 nodejs ，安裝一個Gulp 插件和安裝普通 Nodejs 包的方法是一樣的。只需 $npm --save-dev install 插件名 就可以完成安裝。
1、gulp-sass
預編譯 sass 文件為 css 文件，SASS 不多說，如果項目中有使用 sass ，那么這個插件應該是必備的。前面的一篇文章中，已經對該插件有所使用了，可配置編譯后輸出風格、是否輸出sourcemap 等常用選項。類似的項目還有 gulp-scss / gulp-sassdoc / compass
安裝： $npm install --save-dev gulp-sass
文檔：https://www.npmjs.com/package/gulp-sass/
2、browser-sync
保持多瀏覽器、多設備同步、在前端開發是非常有用，可謂是必備組件。
安裝：npm install browser-sync
文檔：http://www.browsersync.io
3、gulp-imagemin
壓縮 png/jpg/git/svg 格式圖片文件
安裝：$ npm install --save-dev gulp-imagemin
文檔：github.com/sindresorhus/gulp-imagemin
4、gulp-gzip
Gzip 插件
安裝：npm install gulp-gzip
文檔：github.com/jstuckey/gulp-gzip
5、gulp-inject
一個 js/css/webComponet注入插件，browser-sync里面繼承了該組件，如果使用browser-sync就不必要再單獨安裝gulp-inject了
安裝：npm install gulp-inject
文檔：github.com/klei/gulp-inject
6、gulp-markdown
markdown 不用多說，這個基本上都要用到。
安裝：npm install gulp-markdown
文檔：github.com/sindresorhus/gulp-markdown
7、gulp-plumber
錯誤處理插件，如果不希望總是因為錯誤而中斷任務的話，那么它幾乎是必備組件。
安裝：npm install gulp-plumber
文檔：github.com/floatdrop/gulp-plumber
8、gulp-minify-css
壓縮CSS文件，幾乎也是必備
安裝：npm install gulp-minify-css
文檔：github.com/murphydanger/gulp-minify-css
9、gulp-rename
重命名文件的插件，當要把一個文件存儲為不同版本時可以使用。比如在需要一個style.css同時你有需要一個style.min.css
安裝：npm install gulp-rename
文檔：github.com/hparra/gulp-rename
10、gulp-concat
顧名思義，用來整合文件用的。很常用
安裝：npm install gulp-concat
文檔：github.com/wearefractal/gulp-concat
寫在最后
本文將持續更新，以收錄一些非常有趣或常用的gulp插件。