gulp - 使用 Babelify 和 Browserify 在 Gulp 中添加 babel/polyfill

Question

我正在使用 Babel 和 Browserify 以及 Gulp。我想将 babel-polyfill 添加到我的项目中，但很难在互联网上找到我想要做的事情。
这是我安装的node_modules:

• 乙烯基源流
• 乙烯基缓冲区
• gulp
• gulp-sourcemaps
• 浏览
• babel化
• babel-polyfill

这是我的gulpfile.js:

var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var gulp = require('gulp');
var sourcemaps = require('gulp-sourcemaps');
var browserify = require('browserify');
var babelify = require('babelify');

gulp.task('default', function() {
    return browserify('./source/app.js')
    .transform(babelify, { presets: ["es2015", "react"] })
    .bundle()
    .pipe(source('app.js'))
    .pipe(buffer())
    .pipe(sourcemaps.init({loadMaps: true}))
    .pipe(sourcemaps.write('./'))
    .pipe(gulp.dest('./dist'));
});

我尝试像其他人所说的那样添加 babel-polyfill 但一切对我不起作用。我认为当我使用 gulp + babelify + browserify 时，它变得越来越难。下次我应该使用 webpack。

总之，回到正题，有没有办法将 babel-polyfill 添加到 Gulp + Babelify + Browserify 中？

我花了几个小时，但仍在努力。

任何人都可以给我建议，我们将不胜感激;)

Answer 1

您可以直接通过 html 中的 script 标签添加 'babel-polyfill'。 另一种方法是 require('babel-polyfill') 是所有代码的开始。(不是在 gulp 中!) 看到这个。 https://babeljs.io/docs/usage/polyfill/