【发布时间】: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