在使用create-react-app创建的我的react应用程序中，最终的生产版本包含2.3MB的JS文件和300kb的CSS文件（非常少的CSS）。
当我运行使用npm run build进行构建的命令react-scripts时，表明正在针对生产进行优化构建。
我什至试图用npm run build --env=production来强制它，但仍然是未优化的输出。
我觉得缺少的是uglifyjs，而JS文件的缩小工作尚未完成，正如我所见，我的js文件不是min.js。
最后的输出还说它压缩了gzip，大小约为js File的400kb，如果那样的话，我该如何为我的文件提供服务以提高优化程度。
P.S：我还尝试了一些解决方案，其中建议排除Generation映射以减小大小，但我认为可以减小整体构建大小，但不能单独减小JS文件。
答案 0 :(得分：0)
如果您确实想要更小的捆绑包大小，则可以尝试使用webpack进行代码拆分。为此，您想控制自己的Webpack配置，因此必须弹出您的create-react-app设置。
在此之后，我们可以使用代码拆分的方式配置webpack。代码拆分仅产生多个 bundels ，而不是一大堆具有所有依赖关系的代码。然后，我们可以仅发送特定页面所需的包，并在后台加载所有剩余的包。
正确完成所有这些操作，可以大大减少React应用程序的初始加载时间。
Here，您可以找到实现代码拆分的方法