Angular 2 Production 构建文件很大答案

【问题标题】：Angular 2 Production build file is largeAngular 2 Production 构建文件很大
【发布时间】：2017-06-17 21:58:54
【问题描述】：

我刚刚使用“ng new appName”创建了一个新的 Angular 应用程序并放入了一些按钮（来自 ng-bootstrap）。我想尝试部署到 aws 以进行检查。但是，当我运行 ng build --prod 时，生成的 dist 文件（vendor.a9e57aafdd6abc88b94a.bundle.map）之一是 7.7mb。这是文件的屏幕截图。解决此问题的最佳方法是什么，以便用户不必在加载时下载那么大的文件？

【问题讨论】：

Huge number of files generated for every AngularJS 2 project的可能重复
感谢您的链接。虽然我没有很多文件。 dist 文件夹只有几个
其实你不需要地图文件。您可以使用 angular-cli.json 文件更改文件列表。

标签： angular

【解决方案1】：

您正在显示.map 文件的文件大小。映射文件用于让浏览器开发工具将您编译的 javascript 映射到单独的打字稿文件，这使得调试更容易。您已经使用稍旧版本的angular-cli 构建了它。如果您不想要这些源映射，只需使用--no-sourcemap 选项构建，或升级到最新版本，--prod 将自动禁用源映射。这也将大大增加构建时间。

对于生产版本，您只需要您的 index.html、css 和 js 文件，以及您的资产文件夹（+ favicon）。如果您设法更好地设置您的网络服务器以提供静态 gzip 文件，您甚至可以将 js.gz 和 css.gz 文件放在您的网络服务器上，这些文件将被提供，这将进一步提高性能。

您的用户不会下载sourcemap 文件，除非您将其放置在那里，并且他们会打开他们的浏览器控制台。这将使他们深入了解您如何构建应用程序。这可能是不需要的

【讨论】：

我没有意识到 .map 文件不是必需的。干杯

【解决方案2】：

如何保持较小的 Angular 部署规模：

看看我的project的结构。

首页大小为 922kb 。 demo

【讨论】：