Angular 2生产生成文件很大

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

---

您正在显示

.map

文件的文件大小。例如，映射文件用于让浏览器开发工具将编译的javascript映射到单独的typescript文件，从而使调试更容易。您已经使用稍旧版本的

angular cli

构建了此功能。如果不需要这些源映射，只需使用

--no sourcemap

选项构建，或升级到最新版本，其中

--prod

将自动禁用源映射。这也将大大增加构建时间

对于生产构建，您只需要

index.html

、

css

和

js

文件以及资产文件夹（+favicon）。如果您能够更好地设置Web服务器以提供静态gzip文件，您甚至可以将

js.gz

和

css.gz

文件放在Web服务器上，这些文件将被提供，这将进一步提高性能

---

您的用户不会下载

sourcemap

文件，除非您将其放在那里，然后他们打开浏览器控制台。这将让他们了解你如何构建你的应用程序。这可能是不必要的

如何保持角度展开尺寸较小：

看看我的电脑的结构

---

主页大小为922kb

可能重复的链接感谢。虽然我没有很多文件。dist文件夹只有一部分，实际上您不需要映射文件。您可以使用angular-cli.json文件更改文件列表。我不知道.map文件不是必需的。干杯