Slow performance and high CPU usage on ng serve and ng serve --aot

When run “ng serve” or “ng serve --aot” CPU usage is upper 100% and performance is so bad.

Recompiling take about 3 minutes on reload page.

environment

Angular CLI: 6.1.1
Node: 10.7.0
OS: darwin x64
Angular: 6.1.0
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, platform-server, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.6.8
@angular-devkit/build-angular     0.6.8
@angular-devkit/build-optimizer   0.6.8
@angular-devkit/core              0.6.8
@angular-devkit/schematics        0.7.1
@angular/cli                      6.1.1
@ngtools/webpack                  6.0.8
@schematics/angular               0.7.1
@schematics/update                0.7.1
rxjs                              6.2.2
typescript                        2.7.2
webpack                           4.8.3

[jokecamp]

I had the same issue with:

node 10.8.0 and npm 6.2.0 and OSX 10.13.6

I was able to temporarily resolve the CPU and node-gyp errors by running this in my local project:

npm install fsevents@1.2.3

[askdesigners]

I find it remarkable that the Angular build process is so crap. I regularly have to run a prod build twice on our 4gb mem server as it completely hoses the CPU and memory. A vue or react build of similar size takes 1/5 of the resources.