模塊打包工具用于將多個模塊打包到瀏覽器的一個或多個優化打包中。因為瀏覽器文件不會被編譯，且支持有限，所以在前端工作中，模塊打包是非常重要的。想要了解關于模塊打包的更多知識，可以參加Web前端培訓，你會對前端模塊化有更深的認識和理解。

　　下面我們就來認識一下幾個用于前端的模塊打包工具。

　　1.webpack

　　webpack是一個打包工具，他的宗旨是一切靜態資源皆可打包。可以將不同模塊的文件打包整合在一起，并且保證它們之間的引用正確，執行有序。當webpack處理您的應用程序時，它會在內部構建一個依賴關系圖，映射項目所需的每個模塊，并生成一個或多個捆綁包。

　　Webpack支持所有流行的模塊選項，并已成為React開發的代名詞。雖然Webpack聲稱是一個模塊捆綁程序，但是已經可以用作通用任務運行程序了。

　　2.Parcel

　　Parcel是一款“速度極快、零配置的web應用程序打包器”。在Web前端培訓中，無論是理論知識，還是實踐項目操作，都會有關于模塊打包工具的學習，讓你真正學會使用前端工具。

　　Parcel有以下這些特點：

　　很快

　　捆綁項目的所有資產

　　沒有配置代碼拆分

　　3.browserify

　　Browserify支持Node.js正在使用的CommonJS模塊，它將所有模塊編譯成單個瀏覽器兼容的文件。它是基于流式思想設計，可以通過 command line，也可以通過API來使用。僅處理 javascript模塊化的逆過程，但是推動著模塊化的更好發展。

　　4.RequireJS

　　RequireJS是一個JavaScript文件和模塊加載器。它針對瀏覽器內使用進行了優化，但可以在其他JavaScript環境中使用，例如Rhino和Node。使用像RequireJS這樣的模塊化腳本加載器將提高代碼的速度和質量。

　　掌握這些前端模塊化工具的使用將使你的工作更加輕松有效，模塊化已經成為現代前端工程師的一項必備技能。想學習這項技能，不妨考慮參加Web前端培訓，可以在短時間獲得快速提升，有效提高前端開發工作效率。