Angular-CLI slow - Chunk资产优化和资产优化需要花费大量时间

时间:2016-11-28 11:25:35

标签: angular angular-cli

使用angular-cli ng serve开发角度2时的块资产优化和资产优化需要花费大量时间在我的旧版Macbook上,例如:

9952ms chunk asset optimization
2432ms asset optimization

每次改变都等待这段时间变得非常烦人。是否有可能消除/减少这个时间,在开发过程中每次变化都不会发生?

4 个答案:

答案 0 :(得分:1)

我自己一直在研究这个问题,不是因为这个原因,而是另一个问题。我不想用捆绑文件进行测试,我想用1:1生成的文件JS进行测试。我没有CLI就能做到这一点(只使用打字稿项目的基础3文件,而不是webpack等)。

我怀疑这将是tsconfig或webpack设置。我只需要找到它。

答案 1 :(得分:1)

有类似的问题。编译过程的持续时间与编译app.module.ts中包含的模块所花费的时间有关。

在我的情况下,我使用的是角度的InMemoryWebApiModule,它建立在9 MB的JSON测试数据集之上。

所以现在,当我不再需要测试数据时,我只是将其评论出来,并且应用程序会立即编译。

答案 2 :(得分:1)

您可以查看 - sourcemap = false 。裤子改进的位置:

225ms大块资产处理,总时间:38150ms

VS

215612ms大块资产处理,总时间:251719ms

调试能力下降。 https://github.com/angular/angular-cli/issues/5423

答案 3 :(得分:-1)

在生产模式下发布Angular时,我们在解决此问题方面付出了很多努力。

下面的事情可以解决生产模式下92%的块资产优化问题

1。将您的nodejs版本更新到最新版本。 https://nodejs.org/en/download/

2。安装Angular / Cli npm卸载-g angular-cli npm缓存清理或npm缓存验证(如果npm> 5) npm install -g @ angular / cli @ latest

3。更新Angular / Cli ng update @ angular / cli 然后尝试,如果花费110分钟,则更新后减少到不到2分钟,减少了大约90%

在更新之前,Dev模式的主文件为23 MB,-prod模式的主文件为6MB

更新后,开发人员模式主文件为9MB,--Prod模式主文件为6MB

参考: https://sundarsri.blogspot.com/2018/07/92-chunk-asset-optimization.html