How to use the polyfill

What’s the best way to use the polyfill? I couldn’t find the better way but to include it into glob like this:

gulp.task('default', function () {
    var polyfill = './node_modules/gulp-babel/node_modules/babel-core/browser-polyfill.js'

    return gulp.src(['src/**/*.js', polyfill])
    .pipe(sourcemaps.init())
    .pipe(babel())
    .pipe(concat('all.js'))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('dist'));
});

Is there any better way?

[MikeMcElroy]

This looks like it will re-compile the browser-polyfill through babel, which is probably not what you want? I’d suggest using mergeStream and then concat –

return mergeStream(
  gulp.src(polyfill),
  gulp.src('src/**/*.js')
    .pipe(sourcemaps.init())
    .pipe(babel())
    .pipe(sourcemaps.write('.'))
  )
  .pipe(concat('all.js'))
  .pipe(gulp.dest('dist'));

[sindresorhus]

https://babeljs.io/docs/usage/polyfill/#usage-in-browser