我想发布这个问题的完整答案,因为这个问题有很多观点。
答案适用于所有 Angular 2+ 版本。
程序如下。
- 首先,您需要在项目的根目录中创建一个 POM 文件。将以下代码包含到 POM 中
<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 http://maven.apache.org/POM/4.0.0 ">
<modelVersion>4.0.0</modelVersion>
<groupId>it.your-company</groupId>
<artifactId>your-project-artifact-id</artifactId>
<version>1.0.0</version>
<name>your-project-name</name>
<description>Any description</description>
<packaging>war</packaging>
<build>
<finalName>target-file-name</finalName>
<plugins>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-war-plugin</artifactId>
<version>3.0.0</version>
<configuration>
<warSourceDirectory>dist</warSourceDirectory>
<failOnMissingWebXml>false</failOnMissingWebXml>
</configuration>
</plugin>
<plugin>
<groupId>org.apache.tomcat.maven</groupId>
<artifactId>tomcat7-maven-plugin</artifactId>
<version>2.2</version>
<configuration>
<path>/${project.build.finalName}</path>
<update>true</update>
<url>http://localhost:8080/manager/text</url>
<username>tomcat</username>
<password>tomcat321</password>
</configuration>
</plugin>
</plugins>
</build>
</project>
在这里,我包含了 maven war 插件来构建 war 文件以及 maven tomcat 插件来使用 IntelliJ idea 运行 war。
然后,您需要将 index.html 文件的基本 URL 更改为base href="/target-file-name"。如果您使用 maven tomcat 插件运行战争,您的应用程序的 URL 将是http://localhost:8080/target-file-name
现在使用ng build --prod构建您的 Angular 项目。这将在 dist 文件夹中创建所有必需的部署文件(构建文件)。
现在运行mvn clean package将你的构建文件打包成一个war文件。将在项目根目录的目标文件夹中创建 war 文件。
- (可选)您也可以使用 maven tomcat 插件运行 war 文件。