Move browserify workflow into gulp task [vueify, browserify, babelify]
<p>I'm trying to migrate the following browserify workflow into a single gulp task:</p>

<p><em>package.json:</em></p>

<pre><code>"scripts": {
  "build": "browserify src/main.js &gt; dist/build.js"
},
...
"browserify": {
  "transform": [
    "vueify",
    "babelify"
  ]
}
</code></pre>

<p><em>.babelrc file:</em></p>

<pre><code>{
  "presets": ["es2015"]
}
</code></pre>

<p>Since <a href="https://github.com/deepak1556/gulp-browserify" rel="nofollow">gulp-browserify</a> is now longer maintained, I used <a href="https://github.com/gulpjs/gulp/blob/master/docs/recipes/browserify-transforms.md" rel="nofollow">this recipe</a> to get the whole workflow into a single gulp task:</p>

<pre><code>gulp.task('build', function () {
    var b = browserify({
        entries: './src/main.js',
        debug: true,
        transform: [vueify, babelify.configure({presets: ["es2015"]})]
    });
    return b.bundle()
        .pipe(source('build.js'))
        .pipe(buffer())
        .on('error', gutil.log)
        .pipe(gulp.dest('./dist/'));
    });
</code></pre>

<p>Unfortunately, the generated build.js files are different and only the build.js file generated by the command <code>npm run build</code> is running my Vue.js App properly.</p>