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

【问题标题】：Angular 4 CLI too slow after ng serve and when updatingng 服务后和更新时 Angular 4 CLI 太慢
【发布时间】：2018-01-30 19:25:44
【问题描述】：

我在运行 ng serve 后粘贴了一个屏幕截图。它在 34946 毫秒。它非常缓慢，并且损害了我们团队的表现。当我们也更新我们的代码时，重新加载页面需要很长时间。

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

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

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

这是我个人电脑的规格。

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

检查任务管理器 -> 性能标签然后运行ng serve，你就会明白我在说什么了。

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

是的，这很正常。

【讨论】：

【解决方案3】：

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

 npm install @angular/cli@latest

如果这个不能解决你的问题意味着使用这个 Cmd 运行

 ng serve --sourceMap=false

【讨论】：