如何在Angular 1项目中实现npm run build时自动执行Gradle任务？

完全没问题，你可以轻松实现每次执行npm run build时自动触发Gradle任务。下面是几种简单实用的实现方式，按需选择就行：

方案1：直接修改build脚本串联命令 #

最直接的方式就是把Gradle命令直接追加到package.json的build脚本后面，这样执行npm run build时会先完成Angular的构建，再自动跑Gradle任务。

举个例子（适配Linux/macOS）：

{
  "scripts": {
    "build": "ng build && ./gradlew yourGradleTaskName"
  }
}

如果是Windows环境，把Gradle命令换成gradlew.bat yourGradleTaskName就行：

{
  "scripts": {
    "build": "ng build && gradlew.bat yourGradleTaskName"
  }
}

方案2：用npm的pre/post钩子（更清晰） #

npm自带pre和post前缀的脚本钩子，比如定义postbuild脚本后，npm会在build脚本执行完成自动运行它。这种方式能把Angular构建和Gradle任务分开维护，代码结构更清晰。

示例配置：

{
  "scripts": {
    "build": "ng build", // 你的Angular 1构建命令，比如用grunt/gulp的话就换成对应命令
    "postbuild": "./gradlew yourTargetTask" // Linux/macOS
    // Windows环境替换为："postbuild": "gradlew.bat yourTargetTask"
  }
}

这样每次跑npm run build，npm会先执行Angular的构建，完成后自动触发Gradle任务，完全不用额外操作。

跨平台兼容小技巧 #

如果你的项目需要在多系统运行，不想写两套脚本，可以安装cross-spawn这个工具帮你自动处理平台差异：

npm install cross-spawn --save-dev

然后修改postbuild脚本：

{
  "scripts": {
    "build": "ng build",
    "postbuild": "cross-spawn ./gradlew yourTargetTask"
  }
}

这样不管是Windows还是Linux/macOS，脚本都能正常运行。

方案3：复杂场景用工具强化控制 #

如果你的需求更复杂（比如想让Angular构建和Gradle任务并行执行，或者某个任务失败时立刻终止另一个），可以用concurrently或者npm-run-all这类工具。

比如要并行执行两个任务（注意：如果Gradle任务依赖Angular构建产物，就不要用并行）：
先安装concurrently：

npm install concurrently --save-dev

然后配置脚本：

{
  "scripts": {
    "build:angular": "ng build",
    "build:gradle": "./gradlew yourTargetTask",
    "build": "concurrently \"npm run build:angular\" \"npm run build:gradle\""
  }
}

一些注意事项 #

• 确保Gradle任务名称正确，比如build、assemble或者你自定义的任务名。
• 确认项目根目录有gradlew（Linux/macOS）和gradlew.bat（Windows）脚本，如果没有，先在Gradle项目里执行gradle wrapper生成。
• 如果Gradle任务不在当前项目根目录，可以在脚本里指定路径，比如：cd ../your-gradle-project && ./gradlew yourTask

内容的提问来源于stack exchange，提问作者NDDT