Deployment as WAR

1. Define a destination directory in /tools/config/project.config.ts

WAR_DEST = `${this.DIST_DIR}/`;

2. Install gulp-war and gulp-zip

npm install --save-dev gulp-war
npm install --save-dev gulp-zip

3. Create a task tools/tasks/project/build.war.ts:

import * as gulp from 'gulp';

var war = require('gulp-war');
var zip = require('gulp-zip');

import {
    APP_DEST, WAR_DEST
} from '../../config';

export = () => {

    return gulp.src(APP_DEST + '/**')
        .pipe(war({
            welcome: 'index.html',
            displayName: 'THE NAME OF MY APPLICATION',
        }))
        .pipe(zip('theNameOfMyApplication.war'))
        .pipe(gulp.dest(WAR_DEST));
};

4. Define in project.tasks.json your new gulp task script 'build.war' named e.g. 'build.prod.war' and base it off of build.prod.
   {
"build.prod.war": [
"initialize",
"check.tools",
"clean.prod",
"tslint",
"build.assets.prod",
"build.html_css",
"copy.prod",
"build.js.prod",
"build.bundles",
"build.bundles.app",
"minify.bundles",
"build.index.prod",
"sw.manifest.static",
"minify.index",
"build.war"
]
}

5. In package.json, add the new npm script command in scripts:

"build.prod.war": "gulp build.prod.war --color --env-config prod --build-type prod",

Original Source.