Gulp那些好用的插件 2016.04.20

開始接觸LESS、組件化編程後，慢慢意識到須要一個提升工做效率的構建工具，就此接觸到了Gulp。

Gulp的好處在這裏就不細說啦，只有四個API接口學起來簡直爽歪歪，減小了大量的I/O操做，用起來很暢快。另外豐富的插件能99.9%知足你的需求，剩下的0.1%還能夠本身寫啊吼吼吼吼。總結一下本身以爲好用的經常使用的插件：

gulp-plumber ：

若是說Gulp是一條水管，那gulp-plumber就是水管工。不管在文件處理過程當中的哪一步出現問題，都會反映在終端上。

gulp-less/sass：

把less sass預語言編譯成瀏覽器認識的css；

gulp-postcss：

能夠根據你的須要來優化你的css代碼。

postcss有不少不一樣功能的插件，能夠按需調用，好比：能夠自動添加瀏覽器兼容前綴的autoprefixer，寫css的時候不再用ms webkit mom o 一串寫下來啦。還有PreCSS能夠檢查代碼中的@if else ，編譯符合需求的代碼。 更多的插件能夠在npm或者github上看文檔。

gulp-minify-css：

預處理完樣式文件以後，用它來壓縮，儘可能減小文件大小。

gulp-jshint：

檢查JS文件是否存在錯誤。

gulp-uglify：

JS文件壓縮。

gulp-concat：

各類文件合併。

browserSync:

監聽文件，若是文件被修改，自動刷新頁面。提升工做效率一大利器！

以後會繼續學習拓展gulp的功能，繼續更新。關於插件的安裝，記住在命令行npm install (插件名) 後面加上--save-dev， 把須要安裝的插件加進項目的package.json 裏，以後其餘人借用就能夠直接npm install一次安裝啦！