使用 Maven 将 Angular 项目打包为 webapp答案

【问题标题】：Packaging an Angular project as a webapp with Maven使用 Maven 将 Angular 项目打包为 webapp
【发布时间】：2021-01-02 11:24:56
【问题描述】：

这里有一个奇怪的问题：我有一个与 Restful Java 应用程序对话的 Angular 项目。我正在寻求帮助将其打包为 Maven webapp 项目，然后可以生成/构建 WAR 文件。 这是我可以在 Maven 中轻松完成的事情吗？ 到目前为止，我使用 'maven-archetype-webapp' 架构创建了一个简单的应用程序，但不完全确定是否使用 Angular会玩的很好。目标是采用 Angular UI 并将其部署在一些遗留服务器（如 GlassFish、IBM Websphere AS 9.0 等）上，使其像常规客户端应用程序一样工作。非常感谢任何帮助。

【问题讨论】：

标签： angular maven war glassfish-4 rest

【解决方案1】：

我对基于 Vue 和 Dropwizard 的项目做了类似的事情，设置如下：

前端项目包含在client目录/模块下的maven结构中
client pom 在构建的compile 阶段使用maven exec plugin 运行前端构建（在我的情况下为npm，但grunt/gulp/yarn/也可以使用） /li>
client pom 在构建的prepare-package 阶段使用从前端构建输出目录（dist）到目标输出子目录（${project.build.outputDirectory}/assets）的maven resources plugin 到copy-resources
client pom 在构建的package 阶段使用maven jar plugin 到jar 的输出目录
dropwizard 模块依赖于client jar，并使用AssetsBundle 在/assets 为前端应用程序提供服务

根据在 Glassfish/Websphere/etc 下提供资产的最佳方式和角度构建过程，细节可能略有不同，但上述方法应该适用于这些细节。

【讨论】：

是的，我认为这似乎是使用 Maven 的最佳解决方案。希望 Maven 有一些原生支持来处理 Angular 前端项目。谢谢这个乔！