gulpfile.js

// Improt Modules
var gulp = require('gulp');
var del = require('del');
var url = require('url');
var fs = require('fs');
var watch = require('gulp-watch');
var sequence = require('gulp-sequence');
var webserver = require('gulp-webserver');
var typescript = require('gulp-typescript');
var tscConfig = require('./tsconfig.json');

// Define Paths
var path = {
    libjs: [
        { dist: 'lib/@angular', src: 'node_modules/@angular/**' },
        { dist: 'lib/angular2-in-memory-web-api', src: 'node_modules/angular2-in-memory-web-api/**' },
        { dist: 'lib/rxjs', src: 'node_modules/rxjs/**' },
        { dist: 'lib', src: 'node_modules/core-js/client/shim.min.js' },
        { dist: 'lib', src: 'node_modules/core-js/client/shim.min.js.map' },
        { dist: 'lib', src: 'node_modules/zone.js/dist/zone.js' },
        { dist: 'lib', src: 'node_modules/reflect-metadata/Reflect.js' },
        { dist: 'lib', src: 'node_modules/reflect-metadata/Reflect.js.map' },
        { dist: 'lib', src: 'node_modules/systemjs/dist/system.src.js' },
        // { dist: 'lib', src: 'node_modules/firebase/firebase.js' },
        // { dist: 'lib', src: 'node_modules/bootstrap/dist/js/bootstrap.js' },
        { dist: './', src: 'src/systemjs.config.js' }
    ],
    // libcss: [
    //     'node_modules/bootstrap/dist/css/bootstrap.css',
    //     'node_modules/bootstrap/dist/css/bootstrap.css.map'
    // ],
    // libfonts: [
    //     'node_modules/bootstrap/fonts/**/*'
    // ],
    index: 'src/index.html',
    style: 'src/styles.css',
    html: 'src/App/components/**/*.html',
    css: 'src/App/components/**/*.css',
    ts: 'src/**/*.ts',
    dist: 'build',
    distapp: 'build/',
    distlib: 'build/lib',
    distfonts: 'build/fonts'
};

// Clean the Contents of the Distribution Directory
gulp.task('clean', function () {
    return del(path.dist);
});

// Copy Index
gulp.task('copy:index', function () {
    return gulp.src(path.index)
        .pipe(gulp.dest(path.dist));
});

// Copy Style/CSS
gulp.task('copy:style', function () {
    return gulp.src(path.style)
        .pipe(gulp.dest(path.dist));
});

// Copy Html
gulp.task('copy:html', function () {
    return gulp.src(path.html)
        .pipe(gulp.dest(path.distapp));
});

// Copy Css
gulp.task('copy:css', function () {
    return gulp.src(path.css)
        .pipe(gulp.dest(path.distapp));
});

// copy Libs
gulp.task('copy:libjs', function () {
    path.libjs.forEach(function (val, indx) {
        gulp.src(val.src)
            .pipe(gulp.dest(path.dist + '/' + val.dist));
    });
});
gulp.task('copy:libcss', function () {
    return gulp.src(path.libcss)
        .pipe(gulp.dest(path.distlib));
});

// copy Fonts
gulp.task('copy:fonts', function () {
    return gulp.src(path.libfonts)
        .pipe(gulp.dest(path.distfonts));
});

// TypeScript Transpile
gulp.task('transpile', function () {
    return gulp
        .src(path.ts)
        .pipe(typescript(tscConfig.compilerOptions))
        .pipe(gulp.dest(path.distapp));
});

// Build Project
gulp.task('build', sequence('clean', 'copy:index', 'copy:html', 'copy:style', 'copy:css', 'copy:libjs', 'transpile'));

// Default Task
gulp.task('default', sequence('build', ['serve', 'watch']));

// Serve Task
gulp.task('serve', function () {
    gulp.src('build')
        .pipe(webserver({
            livereload: true,
            open: true,
            directoryListing: {
                enable: true,
                path: '/index.html'
            },
            middleware: function (req, res, next) {
                var fileName = url.parse(req.url);
                fileName = fileName.href.split(fileName.search).join("");
                var fileExists = fs.existsSync("./build/" + fileName);
                if (!fileExists) {
                    req.url = "/index.html";
                }
                return next();
            }
        }));
});

// Watch Task
gulp.task('watch', ['watchts', 'watchcss', 'watchhtml', 'watchindex']);

// Watch TypeScript     (in linux for watch) echo fs.inotify.max_user_watches=582222 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p
gulp.task('watchts', function () {
    gulp.watch(path.ts, ['transpile'])
    // return watch(path.ts).pipe(typescript(tscConfig.compilerOptions)).pipe(gulp.dest(path.distapp));
});

// Watch Index
gulp.task('watchindex', function () {
    return watch(path.index)
        .pipe(gulp.dest(path.dist));
});

// Watch Html
gulp.task('watchhtml', function () {
    return watch(path.html)
        .pipe(gulp.dest(path.distapp));
});

// Watch CSS
gulp.task('watchcss', function () {
    return watch(path.css)
        .pipe(gulp.dest(path.distapp));
});