Angular 4 CLI在ng服务后和更新时太慢

Question

在我运行ng serve之后，我粘贴了一个截图。时间是34946毫秒。这是相当缓慢的，它正在伤害我们团队的表现。当我们同时更新代码时，重新加载页面的时间太长了。

​

​

我的angular版本是Angular CLI版本(1.2.7)

这是一个问题，还是在Angular CLI中是正常的？

我们已经在这个项目上有大约40个组件，但我不确定它是否会影响加载性能。

这是我个人电脑的规格说明书以防万一。

​

​

Answer 1

我解决了我的问题。实际情况是，我们的组件和其他资源都导入到app.module.ts.中因此，每次页面加载时，页面都会加载所有资源。我的解决方案是应用延迟加载来只加载那些特定于我正在访问的路由的资源，它确实解决了加载问题。

Answer 2

出现这个问题是因为您的开发PC没有足够的内存来处理构建，因为当您运行昂贵的npm任务时，nodejs会消耗大量内存。而且你的项目越大，完成任务所需的内存就越多。如果你想同时运行ng serve + ng t + ng whatewer，问题可能会变得更糟。

检查任务管理器的->性能选项卡，然后运行ng serve，您将看到我正在谈论的内容。

我一直在为同样的问题而苦苦挣扎，直到我在我的dev PC中添加了另一个8 8gb的RAM。

所以，是的，这是正常的。

Answer 3

你只需要更新angular cli版本，我希望这能解决你的问题

 npm install @angular/cli@latest     

如果此命令不能解决您的问题，请使用此命令运行

 ng serve --sourceMap=false