webpack 五大核心概念
轉載請注明 來源:http://www.eword.name/
Author:eword
Email:eword@eword.name
webpack 五大核心概念
一、Entry
入口(Entry)指示Webpack以哪個文件為入口起點開始打包,分析構建內部依賴圖。
二、Output
輸出(Output)指示Webpack打包后的資源bundles輸出到哪里去,以及如何命名。
三、Loader
Loader讓Webpack能夠去處理那些非Javascript文件(webpack 自身只理解JavaScript)
四、Plugins
插件(Plugins)可以用于執行范圍更廣的任務。插件的范圍包括,從打包優化和壓縮,一直到重新定義環境中的變量等。
五、Mode
模式(Mode)指示Webpack使用相應模式的配置。
| 選項 | 描述 | 特點 |
|---|---|---|
| development | 會將process.env.NODE_ENV的值設為development。 啟用NamedchunksPlugin和NamedModulesPlugin。 | 能讓代碼本地調試運行的環境 |
| production | 會將process.env.NODE_ENV的值設為production 啟用FlagDependencyUsagePlugin,FlagIncludedChunksPlugin, ModuleConcatenationPlugin, NoEmitOnErrorsPlugin, OccurrenceOrderPlugin,SideEffectsFlagPlugin和UglifysPlugin. | 能讓代碼優化上線運行的環境 |

浙公網安備 33010602011771號