I am trying to separate my front-end and back-end parts into 2 modules.
Parent
| pom.xml
|
|--Back-end
|- pom.xml
|--Front-end
| |- pom.xml
My back-end module produces a WAR. I would like to include my javascript code (from Front-end module) into this WAR at build time but i don't know how to do. I have not found concrete samples on the Internet to use WAR overlay / javascript dependencies.
My front-end project will use a similar architecture to that of Angular-seed project. For now, I am using javascript-maven-plugin
in order to use <packaging>js</packaging>
but there are some dependencies i don't want. I would prefer to use Grunt / Bower to collect dependencies and minify my JS files (but I'm new to these technologies and I need to train first. In the future i would like my project to have the same architecture as ng-boilerplate.)
Can someone give me some links, so that i can understand how to include my front-end code into my war. Or a simplified POM from two modules that match what i want.
I am also interested in sample architectures for AngularJs projects using Maven.
Thx