angular - 开发浏览器加载时间慢 - 减小 vendor.js 文件大小？

Question

使用 Angular 8.0，

使用 ng serve 我的浏览器加载时间约为 15 秒。

我使用 ng serve --prod 的浏览器加载时间约为 4 秒。

我发现导致开发中加载时间缓慢的主要差异是有一个 7 MB 大的 vendor.js 文件。

如何才能使开发的浏览器加载时间更短，更接近产品构建时的加载时间？是否可以对 vendor.js 文件较小的工具链进行某种修改？

Answer 1

我唯一想到的是，你可能依赖于很多 3rd 方，它们并不是真正的 tree-shakable。

尝试在“serve”中使用 optimizer 进行加载。

在你的 angular.json 文件中:

...
"serve": {
   "options": {
      "optimization": true
  }

}

您还可以将 aot 属性设置为 true 请记住，每次保存都会在 AOT 模式下构建您的应用。

希望对您有所帮助:)