webpack
- plugin loader 區別
loader ：讓 webpack 能夠去處理那些非 JavaScript 文件（webpack 自身只理解 JavaScript）(被用於轉換某些類型的模塊)
plugin ：而插件則可以用於執行範圍更廣的任務，
打包優化，環境變量
gulp
grunt
rollback
| webPack | Gulp、Grunt |
|---|---|
| 區別： 基於入口的 | 基於任務和流（Task、Stream）的 |
| 自動地遞歸解析入口所需要加載的所有資源文件，然後用不同的Loader來處理不同的文件，用Plugin來擴展webpack功能 | 將整個前端構建過程拆分成多個 Task，併合理控制所有 Task的調用關係 |
代碼切割（模塊部分），合併（公共部分合理合並），壓縮 ，替換（由cdn 的話）,預加載 等