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

我为我的项目开发了一个Spring Maven rest api。对于客户端来说，我使用的是打字稿的Angular2。作为Angular的新成员，使用npm和lite-server参考开发的角度网站。将Angular2项目集成到Tomcat服务器中

现在我需要将这两个单独的项目合并到一个项目中，通过将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的我需要的是，

将角度打字稿项目编译为js文件。
生成一套功能齐全的html，js，css文件。
将它们复制到服务器webapp文件夹或无论他们必须。在Tomcat中
运行春季Maven项目必须展示我的客户端的索引页
客户必须工作同样的方式（用REST API通信），当他们是两个独立的项目

这可怎么办呢？

运行此命令，npm run build，在角项目根文件夹来创建dist文件夹，包含用于生产的客户端文件。但得到这个错误

缺少脚本构建

。

来源

2016-11-07 Ramanujan R

这个问题的解决方案可以在后下被发现。 https://stackoverflow.com/questions/39018765/deploy-angular-2-app-with-webpack-to-tomcat-404-errors/44727035#44727035 –

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

编辑index.html作为<base href = ".">它工作得很好

来源

2016-11-25 06:23:05

它为我工作....谢谢 – ashu17188

thanx。为我工作 –

@MendonAshwini如果问题和答案对你有帮助，请投票给他们，以便它能够快速到达更多的人（不仅对我而言）） –

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

回答

相关问题