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压缩
• minify（uglify）代码

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