gulp經常使用插件彙總

gulp經常使用插件彙總：

點擊插件名字，查看使用文檔

browser-sync: 省時的瀏覽器同步測試工具,多設備、多屏幕自動刷新頁面

http-proxy-middleware: 解決本地開發代理跨域請求插件

autoprefixer: 根據定製的兼容規則給css添加瀏覽器前綴插件

wiredep: wiredep解決了bower前端庫引入進html中的問題

del: 刪除文件及文件夾

yargs: Node中處理命令行參數的通用解決方案，只要一句代碼 var args = require('yargs').argv;就可讓命令行的參數都放在變量args上，能夠根據參數判斷是測試環境仍是正式環境。

gulp-load-plugins: 批量引入package.json文件中的依賴項

gulp-plumber: 防止因gulp插件的錯誤而致使管道中斷，plumber能夠阻止 gulp 插件發生錯誤致使進程退出並輸出錯誤日誌。

gulp-sourcemaps: 用來生成映射文件的一個插件，SourceMap 文件記錄了一個存儲源代碼與編譯代碼對應位置映射的信息文件。咱們在調試時都是沒辦法像調試源碼般輕鬆，這就須要 SourceMap 幫助咱們在控制檯中轉換成源碼，從而進行 debug。

gulp-useref: 能夠將HTML引用的多個CSS和JS合併起來，減少依賴的文件個數，從而減小瀏覽器發起的請求次數。gulp-useref根據註釋將HTML中須要合併壓縮的區塊找出來，對區塊內的全部文件進行合併。注意：它只負責合併，不負責壓縮！

gulp-rev:爲靜態文件隨機添加一串hash值, 解決cdn緩存問題, a.css --> a-d2f3f35d3.css。根據靜態資源內容，生成md5簽名，打包出來的文件名會加上md5簽名，同時生成一個json用來保存文件名路徑對應關係。

gulp-rev-collector:根據gulp-rev生成的manifest.json文件中的映射, 去替換文件名稱, 也能夠替換路徑。

gulp-replace:

gulp-rev-rewrite
gulp-rev-css-url
gulp-rev-outdated
gulp-rev-delete-original
gulp-rev- loader
gulp-rev-format

gulp-imagemin:

gulp-filter: 能夠把stream裏的文件根據必定的規則進行篩選過濾。好比gulp.src中傳入匹配符匹配了不少文件，能夠把這些文件pipe給gulp-filter做二次篩選

gulp-inject:這個插件的做用與wiredep相似，不一樣的是能夠本身任意指定須要插入文件的列表。它一樣是利用註釋來尋找插入的位置。

[pump] [chai] [cross-env] [cssnano] [gulp-babel] [gulp-eslint] [gulp-htmlmin] [gulp-if] [gulp-size] [gulp-uglify] [mkdirp] [mocha]