Angular 编译前的脚本执行

在使用 Angular 开发项目时，有时候我们需要在每次编译之前执行特定的脚本或 JavaScript 函数。这在开发环境中非常有用，比如运行某些预处理、清理或其他自定义逻辑。今天我们将探讨如何在 Angular v17 结合 esbuild 实现这个功能。

问题背景

假设你正在使用 Angular v17 进行开发，并且已经配置了 esbuild 作为构建工具。现在你需要在每次 Angular 编译之前（特别是使用 ng watch 时，每当文件被修改时）运行一个特定的 JavaScript 函数。

解决方案

esbuild 提供了一个名为 onStart 的插件钩子，它允许我们在构建过程开始之前执行代码。我们可以利用这个特性来达到我们的目的。

步骤一：创建一个自定义的 esbuild 插件

首先，我们需要创建一个简单的 esbuild 插件，该插件会在构建开始时调用我们的脚本：

const {
    onStart }