Angular2-什么'；这是个好主意；地区'；文件夹大小？

注意

• 我对这一点还不熟悉，刚刚通过编写这段代码来“吹牛”

我正在使用的内容 -Angular（使用Angular Cli） -火基

问题/担忧

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

问题

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

---

非常感谢您提供的任何帮助。

这里太晚了，但是对于dist来说，任何10mb左右的数据包都不是一个好的包，并且会占用加载时间。 尝试将大小保持在6mb以下。如果您的资产中有大型文件，请探索从服务器检索这些文件的选项。 concat es5 es2015，如果它们是从构建中单独派生的。 运行aot和构建优化器，如

---

ng build--prod--aot--build optimizer希望这能有所帮助。

“可接受的”捆绑包大小是一个完全主观的指标-我个人认为Angular无法生成可接受大小的捆绑包，但这只是我。。。无论哪种方式，您都不应该基于开发构建-运行

ng build-prod

来度量包，以生成优化/缩小的构建。根据AddyOsamni的说法，这有多个因素，Google工程师文件大小不能超过2MB（我在某些地方读过）。您可以通过以下技巧减小这些文件的大小：延迟加载角度路由，使用GZIP压缩，使用最新的

@Angular/cli

使用

ng build-prod

，谢谢。我刚刚尝试了ng build-prod，它会产生在ng build中不会发生的错误--请注意。是否需要地图文件？还是prod命令将删除的内容？我将关注GZIP压缩。2MB？我在11号。这是一个很大的区别：（好消息。prod命令将其减少到2.6m！好消息。我可能会发布一个单独的问题，关于我需要删除的一些代码，以使其正常工作。如果我能想出如何实现GZIP，我认为这将是一个很好的减少。您不必担心GZIP。这是服务器端为您处理的事情，而browser在客户端为您处理。不，prod构建不会生成映射文件（除非要求），不，您不需要将它们上载到服务器。所有这些在相关文档中都有很好的描述。