Integrating Angular and Spring Boot in one project and running on one server

 

1. After creating spring boot project to create Angular project on the same folder :
   From root directory firstly go upper directory

   cd ..

   create new ng project with same spring boot directory name (example: bootang) , and i set src/main/app for Angular source

   ng new bootang -sd src/main/app

2. Change output directory for Angular output in .angular-cli.json :

   "outDir": "src/main/webapp",

3. Build angular app :

   ng build

   If you run with -w (watch) parameter, it will refresh angular build files.
   Like ng serve

   ng build -w

4. Run your spring boot application and you will see Spring Boot and Angular runs on same server (default localhost:8080)I think this way is better/simple than JHipster ‘s lots of webpack configuration 🙂