Integrating gulp in building .war file - deployment

Question

I am interested in minifying and concatenating the css and js files of my application.
I am able to automate this with gulp, as outlined in this tutorial:
https://travismaynard.com/writing/getting-started-with-gulp
I am using netbeans to generate the .war file of my project for deployment (right click project --> clean and build).
At the moment, gulp simply generates the files to a folder in the build directory. And obviously, the .war file that I generate doesn't include these files.
I was wondering how I can have the generated .war file include the files that I generate with gulp (which can be found at say: /my_project/build/web/js or /my_project/build/web/css).
Currently, gulp "watches" for a change in the js or css files, but I would be fine with just calling the gulp tasks once (when the .war is generated).
Would I need to make changes to my build.xml file?
Do I need a different way of minimizing these files (eg: minimize and concat once deployed)?
Thanks.

Answer 1

Check this gulp package: https://www.npmjs.com/package/gulp-war
You can create a gulp task where you can define the files to be included/excluded files.
Sample
var war = require('gulp-war'),
zip = require('gulp-zip'),
.....
gulp.task('war', function () {
gulp.src('./tmp/**')
.pipe(war({
welcome: 'index.html',
displayName: "YOUR APP NAME",
}))
.pipe(zip('webapp.war'))
.pipe(gulp.dest('./target/'));
});

Answer 2

please try this :
https://github.com/eirslett/frontend-maven-plugin
Basically maven will call gulp to prepare some files, then generate a war for all of them