如何缩小Angular 4 Web应用程序

Question

我正在使用Angular 4和angular/cli: 1.3.1 node: 10.7.0构建一个Web应用程序

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

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

如果有人知道插件或有一些教程，那就太棒了！

提前致谢。

Answer 1

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

ng build --prod

在Angular生产中，构建文件被缩小和uglified。

您还询问了一些指南，所以我还要包含更多内容：

https://angular.io/guide/deployment

https://medium.com/@kavisha.talsania/angular-development-vs-production-build-671b7fd5dbf4

Answer 2

在我的情况下，我使用此命令

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

Answer 3

部分问题得到了解决。解决方案？以前我们使用“npm run build --prod --aot true --progress false”从jenkins构建，并且由于某种原因，使用该命令，供应商文件名为vendor.bundle.js，大小为8.3mb。现在我通过“ng build --prod --aot true --progress false”更改了该命令，并且供应商文件名为vendor.fdd67abb220f03081b41.bundle.js，大小为2.3mb。

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