【问题标题】:Angular2 - What's a good 'dist' folder size?Angular2 - 什么是好的“dist”文件夹大小?
【发布时间】:2017-08-10 12:04:04
【问题描述】:

注意

  • 我是新手,只是在编写这段代码时一直在“吹牛”

我正在使用什么 - 角(使用角 Cli) - 火力基地

问题/关注

  • 当我运行“ng build --watch”时,它会创建一个“dist”文件夹。我检查了文件夹的大小,它达到了 11.4mb。这是我需要上传到 firebase 的内容。

问题

  • 这是一个巨大的文件大小吗?
  • 如何缩小我的文件?
  • 根据下图,是否需要包含“地图”文件?如果没有,我该如何移除它们?
  • 关于为生产运行构建命令有什么建议吗?

我们将不胜感激。

【问题讨论】:

  • '可接受的'包大小是一个完全主观的指标 - 我个人认为 Angular 无法生成可接受大小的包,但这只是我......无论哪种方式,你都不应该测量基于开发构建的捆绑包 - 运行 ng build -prod 以生成优化/缩小的构建。
  • 这有多种因素,根据 AddyOsamni Google Engineer 文件大小不得大于 2 MB(我在某些地方读过)。您可以通过以下技巧减小这些文件的大小:延迟加载 Angular Routes,使用 GZIP 压缩并使用 ng build -prod 和最新的 @angular/cli
  • 谢谢。需要地图文件吗?还是 prod 命令将删除的东西?我将研究 GZIP 压缩。 2MB?我在 11 岁。这是一个很大的不同 :(
  • 好消息。 prod 命令将其减小到 2.6m!好消息。我可能会发布一个单独的问题,关于我需要删除以使其正常工作的一些代码。如果我能弄清楚如何实施 GZIP,我认为这将是一个很好的缩减
  • 您无需担心 gzip。这是服务器在服务器端为您处理的事情,而浏览器在客户端为您处理。不,产品构建不会生成地图文件(除非被要求),不,您不需要将它们上传到服务器。所有这些都在相关文档中得到了很好的描述。

标签: angular firebase


【解决方案1】:

这里太晚了,但是任何大约 10mb 的东西对于 dist 来说都不是一个好的捆绑包,并且会缩短加载时间。 如果资产中有大文件,请尝试将大小保持在 6mb 以下,探索从服务器检索它们的选项。 concat es5 es2015 如果它们是从您的构建中单独派生的。 运行 aot 并构建优化器,例如 ng build --prod --aot --build-optimizer 希望这会有所帮助。

【讨论】:

    猜你喜欢
    • 2014-07-07
    • 2011-09-19
    • 1970-01-01
    • 2016-07-15
    • 1970-01-01
    • 2018-08-24
    • 2011-01-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多