gulp的經常使用api

gulp是什麼？

http://gulpjs.com/ 相信你會明白的！

與著名的構建工具grunt相比，有什麼優點呢？

1. 易於使用，代碼優於配置
2. 高效，不會產生過多的中間文件，減小I/O壓力
3. 易於學習，API很是少，你能在很短的事件內學會gulp

那些經常使用的gulp插件

No.一、run-sequence

Links: https://www.npmjs.com/package/run-sequence

做用：讓gulp任務，能夠相互獨立，解除任務間的依賴，加強task複用

推薦指數：★★★★★

No.二、browser-sync

Links: http://www.browsersync.io/

做用：靜態文件服務器，同時也支持瀏覽器自動刷新

推薦指數：★★★★★

No.三、del

Links：https://www.npmjs.com/package/del

做用：刪除文件/文件夾

推薦指數：★★★★★

No.四、gulp-coffee

Links: https://github.com/wearefractal/gulp-coffee

做用：編譯coffee代碼爲Js代碼，使用coffeescript必備

推薦指數：★★★★

No.五、coffee-script

Links: https://www.npmjs.com/package/coffee-script

做用：gulpfile默認採用js後綴，若是要使用gulpfile.coffee來編寫，那麼須要此模塊

推薦指數：★★★

No.六、gulp-nodemon

Links: https://www.npmjs.com/package/gulp-nodemon

做用：自動啓動/重啓你的node程序，開發node服務端程序必備

推薦指數：★★★★★

No.七、yargs

Links: https://www.npmjs.com/package/yargs

做用：用於獲取啓動參數，針對不一樣參數，切換任務執行過程時須要

推薦指數：★★★

No.八、gulp-util

Links: https://www.npmjs.com/package/gulp-util

做用：gulp經常使用的工具庫

推薦指數：★★★★★

No.九、gulp-uglify

Links: https://www.npmjs.com/package/gulp-uglify

做用：經過UglifyJS來壓縮JS文件

推薦指數：★★★★

No.九、gulp-concat

Links: https://www.npmjs.com/package/gulp-concat

做用：合併JS

推薦指數：★★★★

No.十、gulp-sourcemaps

Links: https://www.npmjs.com/package/gulp-sourcemaps

做用：處理JS時，生成SourceMap

推薦指數：★★★★

No.十一、gulp-less

Links：https://www.npmjs.com/package/gulp-less

做用：將less預處理爲css

推薦指數：★★★★

No.十二、gulp-sass

Links：https://www.npmjs.com/package/gulp-sass

做用：將sass預處理爲css

推薦指數：★★★★

No.1三、gulp-autoprefixer

Links：https://www.npmjs.com/package/gulp-autoprefixer

做用：使用Autoprefixer來補全瀏覽器兼容的css。

推薦指數：★★★★

No.1四、gulp-minify-css

Links：https://www.npmjs.com/package/gulp-minify-css

做用：壓縮css。

推薦指數：★★★★

No.1五、connect-history-api-fallback

Links：https://www.npmjs.com/package/connect-history-api-fallback

做用：開發angular應用必須，用於支持HTML5 history API.

推薦指數：★★★