从 v8 到 v10 的 Angular 项目更新使包变得非常大

问题描述

我已经开始从事稳定 3 年(相对)大的项目,其想法是清理依赖项、更新 Angular、重构一些东西等。在这个过程中,我进行了更改:

  • 在某些地方,我放置了 Angular Material 组件并移除了一些 Nebular 组件,
  • 从 Angular 8 迁移到 Angular 10,
  • 激活常春藤渲染器。

应用程序模块包从 13 MB 统计大小(我知道这已经很高)上升到可怕的 88 MB。我发现可疑的一点是,我们有大约 100 个继承基础组件的组件,并且该基础组件(当然)有一些依赖项。这 100 个组件从 10-50 kB 增加到 800-900 kB。此外,这些组件在一个模块中声明,该模块可传递地导入到应用模块中。

我已经尝试过,但没有成功:

  • 从 lodash 迁移到 lodash-es 并优化了这些导入
  • 关闭常春藤渲染器

我想了解:什么不好的做法/反模式会导致这样的问题?我知道所有这些组件都被传递到 app 模块中,但以前也是这样。另一方面,这并不能成为一个子组件的大尺寸的借口。

如果需要,我可以提供额外的诊断数据。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)