将 Angular2 项目集成到 Tomcat 服务器中

Question

我为我的项目开发了一个 Spring maven rest api。对于客户端，我将 Angular2 与打字稿一起使用。作为 Angular 的新手，使用 npm 和 lite-server 引用 Angular 网站进行开发。

现在我需要将这两个独立的项目整合到一个项目中，通过将 html,js,css 文件集成到我的 maven 项目中，将其部署到 Tomcat 服务器中。

项目结构

客户端

Project
|__ app
      |_ all app files
|__ node_modules
|__ typings
|__ index.html
|__ package.json
|__ style.css
|__ systemjs.config.js
|__ tsconfig.json
|__ typings.json

服务器端

Project
|__ src/main
        |__ java
        |__ resources
        |__ webapp
                 |__index.html
|__ pom.xml

所有类似的帖子/博客，我发现建议用节点等更新 pom.xml。但我需要的是，

• 将 angular-typescript 项目编译为 js 文件。
• 生成一组功能齐全的 html、js、css 文件。
• 将它们复制到服务器 webapp 文件夹或它们必须位于的任何位置。
• 在 Tomcat 中运行 Spring maven 项目必须显示我的客户端索引页面
• 当它们是两个独立的项目时，客户端必须以相同的方式工作（与 rest api 通信）

如何做到这一点？

在 Angular 项目根文件夹中运行此命令 npm run build 以创建一个 dist 文件夹，其中包含生产就绪的客户端文件。但是遇到了这个错误

缺少脚本构建

.

Answer 1

终于用angular-cli了。 ng build --prod 创建生产就绪版本。复制tomcat webapps项目文件夹下的index.html和.js文件（或者eclipse中的Webcontent下）。

将 index.html 编辑为 <base href = "."> 并且效果很好