將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服務器中

回答

相關問題