Angular 2 Production构建文件很大

Question

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

Answer 1

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

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

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

Answer 2

如何使角度部署尺寸保持较小：

看看我的project的结构。

首页大小为922kb。 demo