Question

我为我的项目开发了一个Spring maven rest api。对于客户端，我正在使用带有打字稿的Angular2。作为Angular的新手，参考角度网站进行开发，使用npm和lite-server。

现在我需要将这两个独立的项目合并为一个项目，方法是将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沟通）

如何做到这一点？

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

缺少脚本构建

Answer 1

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

将index.html编辑为<base href = ".">并且工作正常

将Angular2项目集成到Tomcat服务器

1 个答案: