减小 bundle.js 的大小

Posted 2023-02-22

【中文标题】减小 bundle.js 的大小

【英文标题】：Reducing size of bundle.js

【发布时间】：2018-05-15 12:44:34

【问题描述】：

我有一个 react 应用程序，它的大小约为 8mb，我想减小它的大小。当我使用 weback - p ie 生产版本时，它会减少到 4mb，但是我无法调试它。

有没有更好的方法来做到这一点。

【问题讨论】：

用--json > stats.json 运行webpack，它会告诉你是什么导致了包这么大。这是一个有用的可视化工具（只需将 stats.json 文件拖入其中）：chrisbateman.github.io/webpack-visualizer

Webpack how to build production code and how to use it的可能重复

您能分享您的webpack.config.js 文件以及package.json 或至少是依赖项吗？

【参考方案1】：

您应该有不同的开发和生产版本。生产版本将被缩小，因此很难调试。要进一步减小 bundle.js 的大小，您可以尝试对文件进行 gzip 压缩。

我也写过一篇文章， Webpack:Get it together!

希望它会有一些用处。干杯。