如何缩小Angular 4 web应用程序

我正在使用Angular 4和Angular/cli:1.3.1构建一个web应用程序 节点：10.7.0

我可以使用Wich插件缩小我的应用程序，因为vendor.bundle文件大小约为8mb。我在应用程序中实现了延迟加载

我正在从Jenkins构建应用程序：npm run build-prod-aot true-progress false

如果有人知道一个插件或有一些教程，那将是伟大的

---

提前感谢。

通常，您应该使用适当的CLI参数。 在生产建造的情况下，将

ng build --prod

在角度生产中，构建文件被缩小和丑陋化

您还询问了一些指南，因此我提供了更多内容：

---

在我的例子中，我使用这个命令

ng build --prod --aot --build-optimizer --vendor-chunk --source-map=false

---

部分问题已经解决。 解决方案是什么？ 之前，我们从jenkins使用npm运行build-prod-aot true-progress false进行构建，由于某些原因，该命令将供应商文件命名为vendor.bundle.js，大小为8.3mb。 现在我通过ng build-prod-aot true-progress false更改了该命令，供应商文件名为vendor.fdd67abb220f03081b41.bundle.js，大小为o 2.3mb

---

有人知道为什么新供应商的名称中有哈希吗？

是生产版本吗？ng构建-配置=production@MartinPaucot我使用这个命令npm run build-prod-aot true-progress false。我会试试你的命令。@MartinPaucot没有变化。文件大小相同。这是一个相当广泛的问题，因为如果没有看到angular.json、package.json、tsconfig.ts、bundle的工作方式等内容，就很难确定缺少了什么。但是，在angular.json->configurations->production中，确保优化：true、sourceMap:false、buildOptimizer:true、extractCss:true、vendorChunk:true，并且在大多数情况下只要运行ng build-prod（如果CLI配置正确）。@martinpauct您的命令仅对angular 6+项目有效。所以这不是这个问题的好答案。之前测试过，问题与如何使用命令构建无关。构建命令代码已优化。问题是文件的大小。