Webpack-生產和開發CSS包之間的區別是什么

Question

當您使用webpack進行編譯時，生產型和開發型的CSS有什么區別？

我已經說過，似乎prod樣式表考慮了整個網站，但是dev模式似乎只考慮了開發所涉及的頁面。

因此，在進入生產模式時可能會發生一些不一致的情況，也許還有其他差異值得我們了解？

任何提示都很好，謝謝

Answer 1

它們之間的差異如下（全部來自其文檔），因此可能與所討論的代碼庫上啟用的特定配置有關（即，每個插件中均實現了哪些插件，加載器，devtools等）環境）：

webpack --mode=development

將DefinePlugin上的process.env.NODE_ENV設置為值development 。 啟用NamedChunksPlugin和NamedModulesPlugin 。

webpack --mode=production

將DefinePlugin上的process.env.NODE_ENV設置為值production 。 啟用FlagDependencyUsagePlugin ， FlagIncludedChunksPlugin ， ModuleConcatenationPlugin ， NoEmitOnErrorsPlugin ， OccurrenceOrderPlugin ， SideEffectsFlagPlugin和TerserPlugin 。