【发布时间】: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。这是服务器在服务器端为您处理的事情,而浏览器在客户端为您处理。不,产品构建不会生成地图文件(除非被要求),不,您不需要将它们上传到服务器。所有这些都在相关文档中得到了很好的描述。