Webpack生产构建包太大

Question

我正在为我的项目使用React和Webpack。我的项目非常非常大。它由10-12个模块组成，与一个模块相关的JS文件的捆绑占用460KB的文件大小。我为项目中的所有模块编写代码后，可能会占用5MB的捆绑包大小。 如何使用React和Webpack减小捆绑包的大小或捆绑大型可扩展项目的任何建议。

提前谢谢！

Answer 1

完成项目后，可以使用项目摇树。 看一下官方的Webpack文档：https://webpack.js.org/guides/tree-shaking/

Answer 2

您可以采取一些措施以使捆绑包尺寸保持最小。

• 代码拆分
• 生产配置优化，例如webpack --mode production
• gZip压缩
• 缩小（丑化）代码

这将大大减少捆绑包的大小。