1.requirejs
核心是支援amd風格的模組化執行**
2.browserify
目標是讓執行在伺服器端的符合commonjs**執行在瀏覽器端
3.babel
定位是transformer，即語法轉換器，他承擔將es6,jsx轉化成es5語法的核心功能
4.systemjs
相容各種模組化規範的執行工具
5.webpack
相容各種模組化規範的標識 ，將模組化的概念延伸到其他型別的檔案中
6.rollup
最早 實現了tree-shaking功能，天然支援es6模組的打包
前端構建工具
一 什麼是 自動化 構建工具 構建工具是一種自動化工具。一般專案都有較多的檔案，為開發維護方便拆分單個的模組,在發布的時候,對拆分後的各模組進行合併,壓縮等，構建工具可以幫完成這些重複的工作。二 什麼是包管理工具 可以安裝 解除安裝 更新 檢視 搜尋 發布等功能。類似grunt，gulp構建工具，和...
前端構建工具
devdependencies gulp強調的是前端開發的工作流程，側重於前端開發的整個過程的控制管理 像是流水線 我們可以通過配置一系列的task，定義task處理的事務 例如檔案壓縮合併 雪碧圖 啟動server 版本控制等 然後定義執行順序，來讓gulp執行這些task，從而構建專案的整個前端...
gulp前端自動化構建工具
gulp是基於node.js的乙個構建工具 自動任務執行器 開發者可以使用它自動化工作流程。一些常見的 重複的任務，例如 網頁自動重新整理 css預處理 檢測 壓縮 等，只需要簡單的命令就能全部完成。使用它可以簡化工作，提高開發效率。gulp優點 簡潔 gulp側重 優於配置 最直觀的感受，更為簡單...