【问题标题】:React Material-ui takes too long every timeReact Material-ui 每次都耗时太长
【发布时间】: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 中是一个非常耗时且烦人的过程,但我不能接受这一点,并认为应该解决而不是忽略它。

标签: javascript reactjs typescript material-ui frontend


【解决方案1】:

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

【讨论】:

  • 我不这么认为,因为摇树是为了将项目编译为生产模式,但这里的问题是关于开发时间,我用yarn start说过
  • 如果您阅读该网站,它明确表示它可以加快开发编译时间
  • 我试试,告诉你发生了什么。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-06-07
  • 2013-01-02
  • 2019-02-19
相关资源
最近更新 更多