如何在Angular CLI中添加自定义构建步骤？

Question

似乎没有一种方法可以绑定到Angular CLI正在使用的任何工具来构建/服务网站。

我想运行自己的图像优化脚本，却找不到运行脚本和给定时间点或将代码添加到默认构建脚本的方法。

有没有推荐的/规范的方法来做到这一点？

Answer 1

如果您想优化图像，那么您可以post-build使用任何您想要的命令行工具简单地运行脚本并处理 dist 文件夹中的资源。这是最简单、最可靠的方法。

另一个选项是使用@angular-builders/custom-webpack它允许更改 webpack 配置。您可能想查看当前的 cli 配置：https://github.com/angular/angular-cli/tree/main/packages/angular_devkit/build_angular/src/webpack/configs。

它可能会使升级 Angular 变得更加困难，而且 Angular-cli 可能会迁移到 esbuild 并且@angular-builders/custom-webpack将被放弃。