React Material-ui 每次都耗时太长

Posted 2023-02-22

【中文标题】React Material-ui 每次都耗时太长

【英文标题】：React Material-ui takes too long every time

【发布时间】：2021-10-17 16:42:15

【问题描述】：

这是我第一次使用 React Material-ui。在我的 react 应用程序中，每当我使用 yarn start 时，编译然后启动 react 应用程序需要很长时间（至少在处理器 25 seconds 上 i5 8400 + 16 GB RAM）。

一开始我以为可能是eslint的原因，但禁用后，并没有明显的改善。接下来，我想可能是关于material-ui。当我尝试完全删除它时，它又回到了一个快速启动的普通 react-app。

总是这么长还是我可以做一些事情来确保它不总是这么长？

【问题讨论】：

这对我来说也需要很多时间，为什么你需要比这更快地启动应用程序？启用热重载或快速刷新后，您可以运行应用程序并实时查看代码更改，因此您只需启动应用程序一次。听起来您出于某种原因需要一直重启应用程序？ （我假设我们在这里讨论的是开发模式而不是生产模式）

尽管这在 CI/CD 中是一个非常耗时且烦人的过程，但我不能接受这一点，并认为应该解决而不是忽略它。

【参考方案1】：

您可以使用“摇树”，这将大大减少材料 UI 的包大小（我认为这是这里的问题），并最终会更快地加载您的应用程序。要了解 Tree Shaking 是什么以及如何使用它，material UI 提供了an article on how to reduce bundle size。

【讨论】：

我不这么认为，因为摇树是为了将项目编译为生产模式，但这里的问题是关于开发时间，我用yarn start说过

如果您阅读该网站，它明确表示它可以加快开发编译时间

我试试，告诉你发生了什么。