Angular 5 - 开发服务器上的主包文件过大

Question

我们正在使用 Angular 5 开发一个应用程序。在运行 ng build --prod --aot 并将 dist 文件夹部署到 dev 服务器后，主包在初始加载时产生了 2.2MB 的大小。与运行 ng build --prod 时的 8MB 的供应商捆绑包大小相比，它已经很小了，但我们仍然需要降低主包的大小。有没有办法减小主包的大小？

- Eugene

---

你可以从捆绑包中排除 node_modules 文件夹。 - Dheeraj Kumar

你能提供 index.html 和 .angular-cli.json 文件吗？ - planet_hunter

嗨@ManojChalode请查看此链接以查看index.html和.angular-cli.json谢谢 :) - Eugene

Answer 1

您可以在构建时添加构建优化器标志来减小包的大小：

ng build --prod --build-optimizer

尝试运行上述命令。更多信息请访问：https://angular.io/guide/deployment 据我所知，在使用--prod构建时，无需包含--aot标志。默认情况下，生产构建是aot的。

升级到最新版本的angular也是解决此问题的一种方法。因为最新版本通常带有更优化的构建过程。

- Gautam Krishna R

---

嗨Gautam，我尝试运行了命令，但主包大小仍为2.3 MB。 - Eugene

嗨@Eugene，那么请尝试使用以下答案中提供的步骤：https://dev59.com/81gR5IYBdhLWcg3wV8Le#43358855 - Gautam Krishna R

尝试了这个命令 "ng build --aot --prod --build-optimizer=true --vendor-chunk=true"，它将大小从2.3MB降低到869KB。但是它创建了一个大小为1.7MB的供应商文件，我认为仍然相同。 - Eugene

当使用 --prod 时，--aot 和 --build-optimizer 是多余的。 - Antoniossss

Answer 2

我相信你需要将你的代码分成模块并进行懒加载。

- Ramdane Oualitsen