webpack是什么東西

| 企服解答

webpack是一個現代JavaScript應用程序的靜態模塊打包器（module bundler）。

webpack是什么東西

webpack 的五個核心概念：

1、Enery

?入口(Enery)指示 webpack 以那個文件為入口起點開始打包,分析構建內部依賴圖。

2、Output

?輸出(Output)指示 webpack 打包后的資源 bundles 輸出到哪里去,以及如何命名。

3、Loader

Loader 讓 webpack 能夠去處理那些非JavaScript 文件(webpack 自身只理解JavaScript)。

4、Plugins

?插件(Plugins)可以用于執行范圍更廣的任務，插件的范圍包括，從打包優化和壓縮，一直到重新定義環境中的變量。

5、Mode

?區分開發環境和生產環境的編譯：development(開發環境)和production(生產環境)。

| 擴展閱讀

webpack的優點：

1、可以模塊化的打包任何資源,適配任何模塊系統,適合SPA單頁應用的開發。

2、plugins插件豐富，能做的事情非常多。

3、社區活躍,能為大多數場景找到已有的開源擴展。

webpack的缺點：

1、對初學者不利，調試很難定位問題。

2、配置復雜,通過babel編譯后的js代碼打包后體積過大。