Java 如何为web应用构建maven build，包括UI和服务器的构建

以下是我们项目的文件夹结构：

src
|
|-frontend
|     |-...
|     |-dist
|
|-java-...
|
|-webapp-...

我有以下npm脚本：

"copy": "copyfiles -f ./src/index.html ./src/favicon.ico ./dist"
"dist": "npm run copy & webpack --env=dist"

---

在Jenkins build中，我希望maven首先构建前端，调用npm dist脚本，然后将dist文件夹的内容复制到webapp文件夹，最后构建java程序，方法是在maven项目中的两个不同maven模块中分离前端和后端，考虑到这实际上是两个不同的工件。您的模块是这样订购的，前端将首先构建

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>demo</groupId>
    <artifactId>so-multi-modules</artifactId>
    <version>1.0-SNAPSHOT</version>
    <packaging>pom</packaging>

    <name>so-multi-modules</name>
    <url>http://maven.apache.org</url>

    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    </properties>
    <modules>
        <module>front-end</module>
        <module>back-end</module>
    </modules>
</project>

4.0.0
演示
所以多模块
1.0-快照
聚甲醛
所以多模块
http://maven.apache.org
UTF-8
前端
后端

前端模块主要是一个JavaScript应用程序，您最喜欢的JS构建工具是从Maven启动的，就像这样（我使用Grunt）：

org.apache.maven.plugins
maven antrun插件
咕噜声部署
包裹
跑

然后，您的后端将使用antrun插件将前端复制到您需要的位置

<build>
    <plugins>
        <plugin>
            <groupId>org.apache.maven.plugins</groupId>
            <artifactId>maven-antrun-plugin</artifactId>
            <executions>
                <execution>
                    <id>copy-front-end</id>
                    <phase>package</phase>
                    <goals>
                        <goal>run</goal>
                    </goals>
                    <configuration>
                        <tasks>
                            <copy file="../front-end/target/path/to/dist" tofile="${project.build.directory}/path/to/dist/dest" overwrite="true" />
                        </tasks>
                    </configuration>
                </execution>
            </executions>
        </plugin>
    </plugins>
</build>

org.apache.maven.plugins
maven antrun插件
复制前端
包裹
跑

我这样做的方式是在一个Maven项目中将前端和后端分离在两个不同的Maven模块中，考虑到它们实际上是两个不同的构件。您的模块是这样订购的，前端将首先构建

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>demo</groupId>
    <artifactId>so-multi-modules</artifactId>
    <version>1.0-SNAPSHOT</version>
    <packaging>pom</packaging>

    <name>so-multi-modules</name>
    <url>http://maven.apache.org</url>

    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    </properties>
    <modules>
        <module>front-end</module>
        <module>back-end</module>
    </modules>
</project>

4.0.0
演示
所以多模块
1.0-快照
聚甲醛
所以多模块
http://maven.apache.org
UTF-8
前端
后端

前端模块主要是一个JavaScript应用程序，您最喜欢的JS构建工具是从Maven启动的，就像这样（我使用Grunt）：

org.apache.maven.plugins
maven antrun插件
咕噜声部署
包裹
跑

然后，您的后端将使用antrun插件将前端复制到您需要的位置

<build>
    <plugins>
        <plugin>
            <groupId>org.apache.maven.plugins</groupId>
            <artifactId>maven-antrun-plugin</artifactId>
            <executions>
                <execution>
                    <id>copy-front-end</id>
                    <phase>package</phase>
                    <goals>
                        <goal>run</goal>
                    </goals>
                    <configuration>
                        <tasks>
                            <copy file="../front-end/target/path/to/dist" tofile="${project.build.directory}/path/to/dist/dest" overwrite="true" />
                        </tasks>
                    </configuration>
                </execution>
            </executions>
        </plugin>
    </plugins>
</build>

org.apache.maven.plugins
maven antrun插件
复制前端
包裹
跑