How to include JS script (ES5/6...) using Gulp?

Question

JavaScript

In short, there is a task in gulpfile that collects third-party libraries into one file:

gulp.task('vendor', function() {
    var src = [
        'node_modules/jquery/dist/jquery.min.js',
        'node_modules/lodash/lodash.min.js',
        'node_modules/vue/dist/vue.min.js',
        'node_modules/vue-resource/dist/vue-resource.min.js',
        'node_modules/blockui-npm/jquery.blockUI.js',
        'node_modules/sweetalert/dist/sweetalert.min.js',
        'node_modules/moment/min/moment.min.js',
        'node_modules/sprintf-js/dist/sprintf.min.js',
    ];

    gulp.src(src)
        .pipe(concat('vendor.build.js'))
        .pipe(gulp.dest('public/js'));
});

Thank the gods - I figured it out!
But there was a need to use the library from node_modules, but with all sorts of exports, require and other game of the latest JS syntax ... How to embed such a script in my js file?

Answer 1

Thank the gods - I figured it out!

Don't show it to anyone else.
Either study "all these exports, require and other game", or look for an easier job.
How to build a bundle:
webpack
browserify

Answer 2

Use webpack
An example of how to use webpack with gulp