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

标签 angular webpack

使用 Angular 8.0,

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

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

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

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

最佳答案

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

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

在你的 angular.json 文件中:

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

}

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

希望对您有所帮助:)

关于angular - 开发浏览器加载时间慢 - 减小 vendor.js 文件大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57361331/

相关文章:

css - Angular 2 : Add elements to dom programmatically with viewencaptulation

node.js - Webpack Config 为 Node 和 Browser 构建 sdk

node.js - 在 Node 模块中处理 __dirname

html - 验证在 Metronic UI 中不起作用。为什么?

javascript - 可观察事件在 Angular2 中不起作用

javascript - Angular 7 : ExpressionChangedAfterItHasBeenCheckedError while using Rxjs observbles

angular - 什么时候使用 Ngzone.run()?

javascript - Google chrome 日志指示 xml.js :30 instead of actual line

javascript - 如何使用 vuejs 和 require.ensure 处理动态组件

javascript - Uglify JS - 仅删除 console.log