生产版本太大

Question

我的 src 文件夹总大小为 2.6 MB，生产版本为 2.7 MB。在浏览器中加载需要花费太多时间。我正在使用 npm run build 生成构建。我已经用create-react-app 命令开始了我的项目。如何减小捆绑包大小？请帮帮我。

我也关注了这个链接https://codeburst.io/how-i-cut-my-react-javascript-bundle-size-in-half-with-three-lines-of-code-fe7798ecbd3f，但结果是一样的。

Answer 1

为了提高应用的加载性能，可以使用 webpack 中的 code splitting feature 另一个指针。

或者您甚至可以考虑使用基于反应的框架进行服务器端渲染，例如 nextjs 或 gatsby

Answer 2

您可以通过一些方法来提高您的应用程序的性能

1. 我们必须使用React Js最新版本或16以上
2. 我们必须删除组件中不需要的导入
3. 使用 shouldComponentUpdate() 我们必须控制渲染方法，如果有必要则只渲染组件
4. 组件的可重复使用
5. 使用延迟加载概念我们可以提高性能