角度编译慢 [英] Angular compilation slow

问题描述

我在 Symfony-PHP 中有一个 API ，我用 postman 对其进行了测试，它就像一个魅力.但是，当我执行ng serve --aot --optimization时，应用程序开始构建，并且compiled successfully.的消息花费了超过一分钟的时间. 当我需要对诸如字母之类的html组件进行更改时，它将重新编译整个项目，并且花费这么长时间来进行如此小的更改.

I have an API in Symfony-PHP, which I test it with postman and it works like a charm. But when I do ng serve --aot --optimization the application starts to build and the message of compiled successfully. takes more than a minute. When I need to make a change to an html component such as a letter, it re-compiles the entire project and takes too long for such a small change.

默认情况下，--watch参数设置为true，可以.我不知道有人知道为什么编译这么慢.

The --watch parameter is set to true by default, which is ok. I don't know if anyone knows why this compilation is so slow.

版本:

Angular CLI: 6.2.2
Node: 8.12.0
OS: win32 x64
Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.8.2
@angular-devkit/core         0.8.2
@angular-devkit/schematics   0.8.2
@schematics/angular          0.8.2
@schematics/update           0.8.2
rxjs                         6.2.2
typescript                   2.9.2


oscar@ubuntu:~$: ng s --aot --optimization


****************************************************************************************
This is a simple server for use in testing or debugging Angular applications locally.
It hasn't been reviewed for security issues.

DON'T USE IT FOR PRODUCTION!
****************************************************************************************
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
 10% building modules 7/8 modules 1 active ...s\orquestados-front-user\src\styles.cssBrowserslist: caniuse-lite is outdated. Please run next command `n 70% building modules 646/646 modules 0 activei ｢wdm｣: wait until bundle finished: /pages/offer/management/219702                                             92% chunk asset optimization TerserPlugini ｢wdm｣: wait until bundle finished: /pages/offer/management/219702
i ｢wdm｣: wait until bundle finished: /pages/offer/management/219702
Date: 2019-09-30T08:30:18.736Z
Hash: 9afdb6037df5643d0cb2
Time: 512136ms
chunk {0} runtime.js, runtime.js.map (runtime) 1.45 kB [entry] [rendered]
chunk {1} main.js, main.js.map (main) 2.3 MB [initial] [rendered]
chunk {2} polyfills.js, polyfills.js.map (polyfills) 62 kB [initial] [rendered]
chunk {3} styles.js, styles.js.map (styles) 45.6 kB [initial] [rendered]
chunk {4} vendor.js, vendor.js.map (vendor) 1020 kB [initial] [rendered]
i ｢wdm｣: Compiled successfully.

推荐答案

不使用--optimization.这样，基于变更的构建将花费更少的时间.也可以尝试不使用--aot的情况.首次构建总是需要一些时间.但是，增量构建只需要几秒钟.

Leave out --optimization. Then the build on change will take much less time. Try also without --aot. First build always takes some time. But then incremental build takes just a few seconds.

这篇关于角度编译慢的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！