模組打包工具用於將多個模組打包到瀏覽器的一個或多個優化打包中。因為瀏覽器檔案不會被編譯，且支援有限，所以在前端工作中，模組打包是非常重要的。

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

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這樣的模組化指令碼載入器將提高程式碼的速度和質量。

掌握這些前端模組化工具的使用將使你的工作更加輕鬆有效，模組化已經成為現代前端工程師的一項必備技能。