Webpack-生产和开发CSS包之间的区别是什么

Question

当您使用webpack进行编译时，生产型和开发型的CSS类型有什么区别？

我说过，似乎prod样式表考虑了整个网站，但是dev模式似乎只考虑了开发所涉及的页面。

在进入生产模式时可能会出现一些不一致的地方，也许还有其他差异值得我们了解？

任何提示都会很棒， 谢谢

Answer 1

它们之间的差异如下（全部来自其文档），因此可能与所考虑的代码库上已启用的特定配置（即哪些插件，加载程序，devtools等）有关。在每个环境中实施）：

webpack --mode=development

在process.env.NODE_ENV上将DefinePlugin设置为值development。启用NamedChunksPlugin和NamedModulesPlugin。

webpack --mode=production

在process.env.NODE_ENV上将DefinePlugin设置为值production。启用FlagDependencyUsagePlugin，FlagIncludedChunksPlugin，ModuleConcatenationPlugin，NoEmitOnErrorsPlugin，OccurrenceOrderPlugin，SideEffectsFlagPlugin和TerserPlugin。