如何创建角度项目的war文件？

Question

我正在做一个项目，我使用 angular 作为前端，spring boot 作为后端。我想在 Sentora 控制面板上部署我的项目。它只需要在服务器上部署战争文件。我创建了spring项目的war文件，但我不知道如何创建angular项目的war文件。我使用了 Angular 的 vs 代码。我试图找到在互联网上为 Angular 创建战争文件的方法，但没有找到任何解决方案。我是否需要在 Eclipse 中导入 Angular 项目？请有人告诉我创建角度项目战争文件的分步解决方案。

更新：部署 wabit.war 文件时出错

我部署了简单的 spring boot 项目 demo-0.0.1-SNAPSHOT 并且它启动了。

wabit.war 文件已部署，但未启动。它给出了错误

FAIL - 无法启动上下文路径 [/wabit] 处的应用程序

为什么会这样？

Answer 1

另一种解决方案不是为您的 Angular 项目创建一个 war 文件，而是将其嵌入到 Spring Boot War 中。

这样做

1. 只需通过ng build 命令创建您的角度dist。
2. 复制该文件夹中所有内容的内容。
3. 转到您的 Spring Boot 项目并将它们粘贴到资源中的静态包中 目录。路径应该是src/main/resources/static
4. 创建并部署 Spring Boot War 文件，您的 Angular 也将运行。

这就是你的spring boot目录应该是什么样子

Answer 2

您可以使用 maven 来执行此操作。 只需在您的项目中添加一个 pom.xml 并包含以下信息。

使用此配置，您必须在名为 dist 的文件目录中构建您的 Angular 应用程序。

<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>

    <!-- The Basics -->
    <groupId>your.group</groupId>
    <artifactId>projectName</artifactId>
    <version>1.0.0</version>
    <packaging>war</packaging>
    <!-- Build Settings -->
    <build>
        <plugins>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-war-plugin</artifactId>
                <version>3.3.1</version>
                <configuration>
                    <webResources>
                        <resource>
                            <!-- this is relative to the pom.xml directory -->
                            <directory>dist</directory>
                        </resource>
                    </webResources>
                </configuration>
            </plugin>
        </plugins>
    </build>
</project>

创建此文件后，您必须使用以下命令

mvn clean install

文件将在target/目录中创建

您可以在apache maven official documentation 中找到有关 maven-war-plugins 的更多信息