【问题标题】:Angular 2 app loads too slow and bundle file size is hugeAngular 2 应用程序加载太慢并且捆绑文件大小很大
【发布时间】:2017-09-09 05:03:48
【问题描述】:

我正在构建一个 Angular 2 应用程序及其工作正常的 ng 构建或 AOT 构建,我现在面临的唯一问题是它的加载时间和文件大小。 在 localhost 上加载大约需要 2 分钟,并且系统/浏览器会挂起一段时间。

最终这个项目将在服务器上运行,作为初学者,我不确定我需要上传构建还是只需要上传文件,它们将直接在服务器上编译?

我搜索了很多,找到了仅在 localhost 系统上开发应用程序的教程。

在启动应用程序后,我有以下疑问,我想知道是否有人可以帮助我。

1.Id构建使应用程序生效的唯一方法,或者是否有任何运行时编译方法,我只需要上传文件,编译后应用程序将在域上运行?

2.构建大型应用程序的最佳实践是什么,我的项目将是巨大的,并且将使用基于云的 rest API 加载数据,所以我不知道应该如何进行。

3.如何减少应用程序大小和文件大小,现在当我构建它时会生成 4MB 供应商文件以及 KB 中的其他文件?

我知道问题范围很大,但我没有在任何其他论坛上提出这个问题,对于像我这样的在线学习者来说,很难找出确切的方法,有很多教程、示例等,很难决定应该选择哪一个我跟随。

任何帮助都将不胜感激。

谢谢

【问题讨论】:

  • 你用什么来构建? ng-cli?网络包?你的模块加载器是什么?系统js?
  • 我用 ng-cli 试过,但是构建时间太长而且文件很大,现在尝试使用 webpack
  • ng-cli 在后台使用 webpack

标签: angular


【解决方案1】:

使用 ng build --aot --prod

  • --aot 对 js 文件进行角度编译,我认为您正在这样做,
  • --prod 将缩小编译生成的捆绑包,您可能会缺少这个。这可能会减少您的供应商捆绑包大小

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-04
    • 2016-03-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多