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

Question

当你使用 webpack 编译时，生产和开发类型 CSS 之间有什么区别？

我已经说过 prod 样式表似乎考虑了整个网站，但是开发模式似乎只考虑了开发相关的页面。

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

任何提示都会很棒，谢谢

Answer 1

它们自己的区别如下(全部来自它们的文档)，所以它可能更多地与在相关代码库上启用的特定配置有关(即，哪些插件、加载器、开发工具等是在每个环境中实现):

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 。