在杯中加上Babelify和Browserify

Question

我用的是Babel和Browserify和Gulp。我想把babel-polyfill添加到我的项目中，但是很难在互联网上找到我想要做的事情。

这是我安装的node_modules：

• 乙烯基源流
• 乙烯基缓冲器
• 大口吞下
• 吞咽源图
• 褐化
• 巴贝尔化
• 巴贝尔-聚脂

这是我的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。

不管怎样，回到重点，有什么方法可以在Gulp + Babelify + Browserify中添加babel-polyfill吗？

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

任何人给我建议，我们都会非常感激的;)

Answer 1

您可以通过html中的脚本标记直接添加'babel-polyfill‘。另一种方法是要求(‘babel-polyfill’)是所有代码的开始。看看这个。https://babeljs.io/docs/usage/polyfill/