gulpfile.js

// generated on 2017-01-26 using generator-webapp 2.3.2
// File edited manually.
const gulp = require('gulp');
const gulpLoadPlugins = require('gulp-load-plugins');
const browserSync = require('browser-sync').create();
const jsonminify = require('gulp-jsonminify');
const del = require('del');

const $ = gulpLoadPlugins();
const reload = browserSync.reload;

gulp.task('styles', () => {
    return gulp.src('app/styles/*.css')
        .pipe($.autoprefixer({ browsers: ['> 1%', 'last 2 versions', 'Firefox ESR'] }))
        .pipe(gulp.dest('.tmp/styles'))
        .pipe(reload({ stream: true }));

});

gulp.task("favicons", () => {
    return gulp
        .src(["./app/*.png", "./app/browserconfig.xml", "./app/favicon.ico", "./app/manifest.json"])
        .pipe(gulp.dest("dist/"));

});

gulp.task('scripts', () => {
    return gulp.src('app/scripts/**/*.js')
        .pipe($.plumber())
        .pipe($.babel())
        .pipe(gulp.dest('.tmp/scripts'))
        .pipe(reload({ stream: true }));

});

gulp.task('json', function () {
    return gulp.src(['app/resources/*.json'])
        .pipe(jsonminify())
        .pipe(gulp.dest('dist/resources'));
});

gulp.task("extras", () => {
    return gulp.src(["./app/robots.txt"])
        .pipe(gulp.dest("dist/"));
});

gulp.task('images', () => {
    return gulp.src('app/images/**/*')
        .pipe(gulp.dest('dist/images'));
});

gulp.task('clean', (done) => {
    del.bind(null, ['.tmp', 'dist']);
    done();
});

gulp.task('html', gulp.series('styles', 'scripts', () => {
    return gulp.src('app/index.html')
        .pipe($.useref({ searchPath: ['.tmp', 'app', '.'] }))
        .pipe($.if('*.js', $.uglify()))
        .pipe($.if('*.css', $.cssnano({ safe: true, autoprefixer: false })))
        .pipe($.if('*.html', $.htmlmin({ collapseWhitespace: true })))
        .pipe(gulp.dest('dist'));
}));

gulp.task('build', gulp.series('html', 'images', "json", "favicons", "extras", () => {
    return gulp.src('dist/**/*').pipe($.size({ title: 'build', gzip: true }));
}));

gulp.task('default', gulp.series("clean", 'build'));

gulp.task('serve', gulp.series('clean', 'styles', 'scripts', (done) => {
    browserSync.init({
        notify: false,
        port: 9000,
        server: {
            baseDir: ['.tmp', 'app']
        }
    });

    gulp.watch([
        'app/*.html',
        'app/images/**/*'
    ]).on('change', reload);

    gulp.watch('app/styles/**/*.css', gulp.series('styles'));
    gulp.watch('app/scripts/**/*.js', gulp.series('scripts'));
    done();
}));

gulp.task('serve:dist', gulp.series('default', (done) => {
    browserSync.init({
        open: false,
        notify: false,
        port: 9000,
        server: {
            baseDir: ['dist']
        }
    });
    done();
}));