總結一下gulp外掛程式的功能用法
1.gulp-less
less轉css功能；
2.gulp-autoprefixer
給css新增瀏覽器私有化字首
3.gulp-cssmin加粗樣式
壓縮css,把注釋換行消除；
4.gulp-rename
重新命名檔名；
5.gulp-imagemin
壓縮功能
6.gulp-uglify
js壓縮功能
7.gulp-concat
合併檔案
8.gulp-htmlmin
壓縮html檔案
9.gulp-rev
新增版本號，也就是修改檔名，解決瀏覽器快取機制用的
版本號為md5加密字元,預設有32位，一般取一部分就可以了；
這個外掛程式其實就是把我們的檔案內容生成乙個加密串，取加密串的一部分重新定義乙個名，
當檔案沒有被修改過得時候會有乙個md5/32位的字元，只要檔案修改過加密字元就會自動改變
從而達到了我們解除瀏覽器快取機制的問題；
10.gulp-rev-collector
a)內容替換，
b)由於修改過的檔名外掛程式在我們index.html頁面沒有被修改，所以就會導致引入引不進來，所以需要替換；
c)比如原來的index.html頁面引入的是css.css，結果加了版本號了變成css.css?dfffdfddfd；所以必須一致才能引入啊；
11.gulp-useref
a)利用bulid注釋開始結束包裹起來兩個檔案，把這個檔案傳遞給useref函式的時候，useref就會去index.html頁面找bulid標記的地方，找到以後實現合併的操作；
b)在開頭注釋可以指定路徑以及合併的名字；
12.gulp-if
a).當我們使用useref去尋找注釋的時候，if外掛程式會幫我們做乙個判斷，到底去找css的注釋還是js的注釋，假如你是js的時候，我在呼叫另乙個壓縮外掛程式，對我們的合併後的js外掛程式進行壓縮操作；
b)如果是css注釋不呼叫；
c)if就是乙個判斷注釋是js還是其他型別的條件，判斷後可以在做其他外掛程式功能；
gulp常用外掛程式
本人就職於一家網際網路小公司，根據自己的專案紀錄一下常用的gulp外掛程式，專案不是很大！文章目錄 1.gulp load plugins 2.yargs 3.del 4.gulp filter 5.gulp header 6.run sequence 7.gulp uglify 8.gulp mi...
Gulp及其外掛程式介紹
gulp是乙個前端的自動化構建工具，可以完成對前端資源的壓縮 合併 格式化以及版本管理，也可以監聽前端資源的變化去做一些自動化的構建工作 gulp也是乙個基於nodejs的自動任務執行器，所以使用gulp的時候要有一套node的環境，這裡對node的安裝就不再贅述了。結合社群裡好多優秀的gulp外掛...
gulp常用外掛程式整理
1.gulp sass sass編譯 3.gulp autoprefixer 新增css3字首 4.gulp clean css 壓縮css 5.gulp include 檔案包含 6.gulp concat 檔案合併 7.del 檔案刪除 8.gulp uglify 壓縮js 9.gulp.spr...