构建大小 10.6 MB答案

【问题标题】：Build size 10.6 MB构建大小 10.6 MB
【发布时间】：2019-12-03 08:25:34
【问题描述】：

我正在为我的应用程序使用 Create-react-app。当我运行 npm run build 时，我的构建大小为 10.6 MB。当我使用 source-map-explorer 进行分析时，我知道我的节点模块占用了 6.3 MB，而我的组件占用了 2.84 MB，静态占用了 780 KB，其他用于容器和减速器。

请帮助我减小构建大小。提前致谢

【问题讨论】：

您是否eject 为该项目进行了自定义 webpack 配置？如果是这样，请将其添加到问题中。
@SultanH。我没有弹出。
您能否为 source-map-explorer 输出显示一个好的屏幕截图？
我添加了有问题的图片

标签： javascript reactjs redux build create-react-app

【解决方案1】：

好痛！

你有多个包antd、material-ui、cpexcel、froala-editor ...等这些包很棒，但问题是它们非常大。

您可以考虑以下注意事项来减少捆绑包的大小：

Code-Splitting and Lazy loading.。
不要在您的应用程序中导入任何静态失败，它将作为依赖项处理并包含在您的捆绑包中，而是为您的静态文件使用 CDN。
从您的package.json CLEAN IT UP 中删除所有未使用的软件包。
删除应用程序中所有未使用的 import 语句。

这些可能会给您的捆绑包大小带来重大变化，具体取决于您在它们上付出了多少努力。

另一种方式可能是弹出应用程序，并自己自定义设置 Webpack 配置以处理项目的规范。

【讨论】：

非常感谢您提供详细的答复。我试图删除未使用的包，但其中大部分都在使用中。而且我担心如果弹出然后应用程序的其他东西会受到干扰。
我不会弹出它，因为它对解决您的 r 问题无济于事。您可能需要考虑只使用一个设计库并将代码更改为仅使用一个。
我已将 CRA 更新到最新版本并删除了未使用的包并导入。最后，我的构建大小分为 5 MB 和 3 MB，并在 CDN 压缩后减少到 1.4 MB 和 560 KB。感谢 Sultan 和 Domino987 的快速响应。
我很高兴你得到它 Anshul！干得好。