为何NX中build任务的dependsOn配置在dev-server触发时失效？

原因分析 #

你遇到的问题根源在于：@angular-devkit/build-angular:dev-server执行器是直接调用Angular原生的browser构建器，没有通过NX的任务调度系统触发你的build目标。这就导致build目标上配置的dependsOn规则被跳过——dev-server绕开了NX的任务依赖链，直接启动了构建流程。

解决方案 #

方案1：改用NX封装的Dev Server执行器 #

NX提供了@nrwl/angular:dev-server执行器，它会完整集成NX的任务依赖管理机制。只需替换serve目标的执行器，原有配置基本无需调整：

"serve": {
  "executor": "@nrwl/angular:dev-server",
  "configurations": {
    "development": {
      "buildTarget": "myProject:build:development"
    }
  },
  "defaultConfiguration": "development"
}

运行nx serve时，NX会先执行build目标的dependsOn依赖（即mytest），再触发构建，最后启动dev-server，热重载触发的每次构建也会重复执行依赖任务。

方案2：用Run Commands封装Build任务 #

如果不想更换执行器，可以将原构建逻辑封装到NX的run-commands任务中，强制在每次构建前执行mytest：

1. 重命名原build目标为build-browser，保留原有配置：

"build-browser": {
  "executor": "@angular-devkit/build-angular:browser",
  // 原build的options、configurations等配置
  "defaultConfiguration": "development"
}

2. 新建build目标，使用@nrwl/workspace:run-commands先执行mytest，再调用实际的构建任务：

"build": {
  "executor": "@nrwl/workspace:run-commands",
  "commands": [
    "nx run myProject:mytest",
    "nx run myProject:build-browser --configuration={args.configuration}"
  ],
  "configurations": {
    "development": {}
  },
  "defaultConfiguration": "development"
}

3. 保持serve目标的buildTarget指向新的build目标即可。

方案3：给Serve目标添加直接依赖（仅启动时执行一次） #

如果只需要在nx serve启动时执行一次mytest，而非热重载的每次构建都执行，可以直接给serve目标添加dependsOn：

"serve": {
  "executor": "@angular-devkit/build-angular:dev-server",
  "dependsOn": ["mytest"],
  "configurations": {
    "development": {
      "buildTarget": "myProject:build:development"
    }
  },
  "defaultConfiguration": "development"
}

注意：这种方式仅在服务启动阶段执行一次mytest，热重载触发的后续构建不会重复执行该任务。

内容的提问来源于stack exchange，提问作者F-H