ng build -prod 与 ng build --prod --build-optimizer=true

2023-12-28

我的 Angular 项目是@Angular4.3.3

ng 构建产品

构建需要 77 秒

ng build --prod --build-optimizer=true

构建需要 190 秒,没有供应商块,大小更小(但大小差异不大)

Chunk differences on console image: Difference between those two builds

I read 捆绑和摇树 https://github.com/angular/angular-cli/wiki/build#bundling--tree-shaking但仍然没有得到这些命令创建的构建之间的明显区别。

为什么会有这两种不同的方式,性能或其他方式有什么区别?


--build-optimizer and --vendor-chunk

From Angular CLI 文档 https://github.com/angular/angular-cli/wiki/build#--build-optimizer-and---vendor-chunk:

使用构建优化器时,供应商块将被禁用 默认。您可以使用 --vendor-chunk=true 覆盖它。

如果没有单独的供应商块,则使用构建优化器的总包大小会更小,因为供应商代码位于同一块中 作为应用程序代码,Uglify 可以删除更多未使用的代码。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ng build -prod 与 ng build --prod --build-optimizer=true 的相关文章