如何在Maven Angular项目中动态同步angular.json的outputPath与POM版本？

我创建了一个Maven Angular项目，artifactId为student-ui，版本为2023.1-angular-SNAPSHOT，构建后生成student-ui-2023.1-angular-SNAPSHOT.war包。当前angular.json中的构建配置片段如下：

"builder": "@angular-devkit/build-angular:browser",
"options": {
  "outputPath": "target/student-ui-2023.1-angular-SNAPSHOT",

每次发布时POM版本会变更（比如从2023.1-angular-SNAPSHOT改为2023.2-angular-SNAPSHOT），请问能否配置angular.json的outputPath属性动态同步Maven POM的版本？

当然可以，推荐几种实用的实现方式：

方法1：构建时动态传递outputPath参数（最简洁） #

不需要修改原angular.json，直接在Maven执行Angular构建命令时，传入动态的outputPath参数覆盖配置：

在pom.xml中找到frontend-maven-plugin（如果没有就添加），修改npm build的执行参数：

<plugin>
  <groupId>com.github.eirslett</groupId>
  <artifactId>frontend-maven-plugin</artifactId>
  <version>1.15.0</version>
  <executions>
    <!-- 其他执行步骤（安装node/npm）省略 -->
    <execution>
      <id>npm-build</id>
      <goals>
        <goal>npm</goal>
      </goals>
      <configuration>
        <!-- 用Maven的project.version动态生成路径 -->
        <arguments>run build -- --output-path=target/student-ui-${project.version}</arguments>
      </configuration>
    </execution>
  </executions>
</plugin>

执行mvn clean package时，Angular会直接把构建产物输出到带POM版本的目录里，完全同步版本号。

方法2：用Maven资源插件替换angular.json占位符 #

如果希望angular.json里的配置也体现动态版本，可以先给angular.json加占位符，再通过Maven过滤替换：

1. 修改angular.json的outputPath为占位符：

"outputPath": "target/student-ui-${project.version}",

2. 在pom.xml中配置maven-resources-plugin，在构建前替换占位符：

<build>
  <resources>
    <resource>
      <directory>.</directory> <!-- 指向angular.json所在的根目录 -->
      <includes>
        <include>angular.json</include>
      </includes>
      <filtering>true</filtering>
      <!-- 避免替换Angular配置里的其他$符号，可添加排除规则 -->
      <nonFilteredFileExtensions>
        <nonFilteredFileExtension>json</nonFilteredFileExtension>
      </nonFilteredFileExtensions>
    </resource>
  </resources>
  <plugins>
    <plugin>
      <groupId>org.apache.maven.plugins</groupId>
      <artifactId>maven-resources-plugin</artifactId>
      <version>3.3.1</version>
      <executions>
        <execution>
          <id>filter-angular-config</id>
          <phase>process-resources</phase>
          <goals>
            <goal>resources</goal>
          </goals>
        </execution>
      </executions>
    </plugin>
    <!-- 后续的frontend-maven-plugin和war-plugin正常配置即可 -->
  </plugins>
</build>

注意：如果Angular配置里有其他$符号（比如环境变量），需要调整过滤规则避免误替换，或者优先用方法1。

方法3：统一管理版本属性 #

在pom.xml中定义统一的版本属性，方便后续维护：

<properties>
  <app.version>${project.version}</app.version>
</properties>

然后不管是传递Angular构建参数，还是配置WAR打包路径，都用${app.version}，确保全流程版本一致。

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