Angular 5生产构建需要很长时间和资源

Question

我刚刚将我的项目从Angular 4升级到5。测试部署过程时，我遇到了这个问题：编译过程永远不会结束。我正在运行以下命令：

ng build --prod

我的ng版本如下： Angular CLI: 1.6.4 Node: 8.2.1 操作系统：darwin x64 Angular: 5.2.0 ... 动画，常见问题，编译器，编译器-cli，核心，表单 ... http，平台浏览器，平台浏览器动态 ... 平台服务器，路由器

@angular/cli: 1.6.4
@angular-devkit/build-optimizer: 0.0.38
@angular-devkit/core: 0.0.25
@angular-devkit/schematics: 0.0.48
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.4
@schematics/angular: 0.1.13
@schematics/schematics: 0.0.13
typescript: 2.6.2
webpack: 3.10.0

节点进程占用了大量内存。这是我的监控器输出的内容。

PID    COMMAND      %CPU  TIME     #TH   #WQ  #PORT MEM    PURG   CMPRS  PGRP  PPID  STATE    BOOSTS           %CPU_ME %CPU_OTHRS UID  FAULTS    COW    
9575  node         143.4 28:24.52 11/1  1    48    1691M+ 0B     0B     29574 29574 running  *0[1]            0.00000 0.00000    501  908303+   352
    29574  node         0.0   00:00.60 11    1    51    32M    0B     0B     29574 29518 sleeping *0[1]  0.00000 0.00000    501  15062     342

ng build 命令只是用来展示内容的。

11% building modules 11/23 modules 12 active ...orgchart/dist/css/jquery.orgchart.cssNode#moveTo was deprecated. Use Container#append.
 92% chunk asset optimization

有什么办法可以解决这个问题？并像往常一样完成我的编译过程吗？ 提前致谢。

- Ricardo

Answer 1

我在一个大型项目中遇到了同样的问题，最终通常会崩溃。通过向节点添加更多资源，我成功解决了这个问题。

"build": "node --max-old-space-size=4096 ./node_modules/@angular/cli/bin/ng build --aot --prod",

运行npm build命令

- alexKhymenko

---

我在哪里可以添加这行代码？添加完后，我可以运行这个命令“ng build -prod -optimizer”吗？ - Apurv Chaudhary

Answer 2

将您的@angular/cli升级到版本1.7.0或更高版本，最好是6.0.0（目前处于“beta”状态）

即从@angular/cli: 1.6.4升级到@angular/cli: ^1.7.0或@angular/cli: ^6.0.0-beta.2

- kioi