【问题标题】:Bundle size increased after upgrading to Angular 6 (from 5)升级到 Angular 6 后捆绑包大小增加(从 5 开始)
【发布时间】:2018-11-24 17:19:33
【问题描述】:

我有一个大型(数百个组件)有角度的 (5.2.4) 应用程序。我升级了以下内容,并且能够构建干净,但生成的包大小比 v5 大:

  • Node.js 和 Angular CLI 更新
  • Http 转换为使用 HttpClient
  • rxjs 从 5 到 6 的转换(管道运算符)
  • 将 .angular-cli.json 转换为新的 angular.json
  • 删除/替换了任何已弃用的用法(最少)

由于 JS 堆的一个已知问题导致悲伤,我们使用如下 npm 脚本构建:

node --max_old_space_size=4096 ./node_modules/@angular/cli/bin/ng build --target=production --aot=true --progress=false --env=STAGING

我根据 angular cli 中的命令更改将此脚本修改为以下内容:

node --max_old_space_size=4096 ./node_modules/@angular/cli/bin/ng build --prod --aot --progress=false --c=USER

在升级之前,我们的主要捆绑包大小约为 9MB。升级后约为 21MB。任何诊断此问题的想法或建议将不胜感激!

【问题讨论】:

  • angular.io/guide/deployment#inspect-the-bundles。即使是 9MB 也非常多。为什么不使用延迟加载?
  • 我的构建大小在 1.7.4 上约为 7MB+(我知道它已经很大了),但现在是 40.5MB!这是--prod。没有刺激,它几乎变成了两倍,这太疯狂了。如果您找到原因,我真的很高兴...

标签: angular angular-cli rxjs6 angular-cli-v6


【解决方案1】:

您提供的信息很少。我假设由于 Rxjs 改变了我们导入东西的方式,你可能已经堆叠了 5 和 6 类型的导入

【讨论】:

  • 我没有堆积进口,我也有同样的问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-08-22
  • 2021-08-09
  • 1970-01-01
  • 2018-02-20
  • 2018-11-21
  • 1970-01-01
  • 2019-02-04
相关资源
最近更新 更多