gulpfile.babel.js

import gulp from "gulp";
import browserify from "browserify";
import source from "vinyl-source-stream";
import buffer from "vinyl-buffer";
import eslint from "gulp-eslint";
import exorcist from "exorcist";
import browserSync from "browser-sync";
import watchify from "watchify";
import babelify from "babelify";
import uglify from "gulp-uglify";
import ifElse from "gulp-if-else";
import esDoc from "gulp-esdoc";
import ghPages from 'gulp-gh-pages';

watchify.args.debug = true;

const sync = browserSync.create({
    port: 5000
});

// Input file.
watchify.args.debug = true;
var bundler = browserify('src/app.js', watchify.args);

// Babel transform
bundler.transform(babelify.configure({
    sourceMapRelative: 'src'
}));

// On updates recompile
bundler.on('update', bundle);

function bundle() {
    return bundler.bundle()
        .on('error', function (error) {
            console.error('\nError: ', error.message, '\n');
            this.emit('end');
        })
        .pipe(exorcist('public/assets/js/bundle.js.map'))
        .pipe(source('bundle.js'))
        .pipe(buffer())
        .pipe(ifElse(process.env.NODE_ENV === 'production', uglify))
        .pipe(gulp.dest('public/assets/js'));
}

gulp.task('default', ['transpile']);

gulp.task('transpile', ['lint'], () => bundle());

gulp.task('lint', () => {
    return gulp.src(['src/**/*.js', 'gulpfile.babel.js'])
        .pipe(eslint())
        .pipe(eslint.format())
});

gulp.task('serve', ['transpile'], () => sync.init({server: 'public'}))
gulp.task('js-watch', ['transpile'], () => sync.reload());

gulp.task('watch', ['serve'], () => {
    gulp.watch('src/**/*', ['js-watch'])
    gulp.watch('public/assets/style.min.css', sync.reload)
    gulp.watch('public/index.html', sync.reload)
});

gulp.task('makedoc', () => {
    return gulp.src('src')
        .pipe(esDoc({
            destination: 'documentation',
            plugins: [
                {
                    name: "esdoc-es7-plugin"
                }
            ]
        }));
});

gulp.task('publishDoc',['makedoc'], () => {
    return gulp.src('./documentation/**/*')
        .pipe(ghPages());
});

gulp.task('doc',['makedoc'], () => {
    browserSync({
        port : 8000,
        ui : {
            port: 8001
        },
        server: 'documentation'
    });
})