gulp.js: babelify + browserify + sourcemaps

gulpfile.js

/* jshint strict: false */
/* globals require, console */
var gulp = require('gulp');
var exit = require('gulp-exit');

var browserify = require('browserify');
var watchify = require('watchify');
var babelify = require('babelify');

var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');

var rename = require('gulp-rename');
var uglify = require('gulp-uglify');
var sourcemaps = require('gulp-sourcemaps');


function compile(watch) {
    var bundler = watchify(browserify('./src/index.js', {debug: true}).transform(babelify, {
        // Use all of the ES2015 spec
        presets: ["es2015"],
        sourceMaps: true
    }));

    function rebundle() {
        return bundler
            .bundle()
            .on('error', function (err) {
                console.error(err);
                this.emit('end');
            })
            .pipe(source('build.js'))
            .pipe(buffer())
            .pipe(rename('index.min.js'))
            .pipe(sourcemaps.init({loadMaps: true}))
            .pipe(uglify())
            .pipe(sourcemaps.write('./'))
            .pipe(gulp.dest('./build'));
    }

    if (watch) {
        bundler.on('update', function () {
            console.log('-> bundling...');
            rebundle();
        });

        rebundle();
    } else {
        rebundle().pipe(exit());
    }
}

function watch() {
    return compile(true);
}

gulp.task('build', function () {
    return compile();
});
gulp.task('watch', function () {
    return watch();
});

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

Should be noted that babelify sets sourceMaps: true by default. Cheers!

Thanks!

For [email protected], the signature has changed.
Now we use
gulp.task(name, gulp.{series|parallel}(deps, func))

the second parameter could be as follows:

gulp.series("taskName", (done) => done()) or
gulp.parallel("comma", "separated", "task", "Names", (done) => done())

so line 64
gulp.task('default', ['watch']);
will change to
gulp.task('default', gulp.parallel('watch'), (done) => done());

Ref1
Ref2