I've developed a Spring maven rest api for my project. For the client side, I'm using Angular2 with typescript. As new to Angular, referred angular website for the development, using npm and lite-server.
Now I need to make these two separate projects into a single project, by integrating the html,js,css files into my maven project, to deploy it in Tomcat server.
Project structure
Client side
Project
|__ app
|_ all app files
|__ node_modules
|__ typings
|__ index.html
|__ package.json
|__ style.css
|__ systemjs.config.js
|__ tsconfig.json
|__ typings.json
Server side
Project
|__ src/main
|__ java
|__ resources
|__ webapp
|__index.html
|__ pom.xml
All similar posts/blogs, i found suggest to update pom.xml with node etc. But what i need is,
Compile the angular-typescript project to js files.
Produce a set of fully functional html,js,css files.
Copy them to server webapp folder or whereever they must be.
Running Spring maven project in Tomcat must display my client side index page
Client must work (communicating with rest api) same way when they were two separate projects
How this can be done?
Run this command, npm run build, in angular project root folder to create a dist folder, containing production ready client side files. But got this error
missing script build
.
解决方案
At last used angular-cli. ng build --prod creates a production ready build. Copied index.html and .js files under project folder in tomcat webapps (Or under Webcontent in eclipse).
Edited index.html as and it worked fine