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

Question

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

乙烯基源流
乙烯基缓冲液
gulp
gulp-源地图
浏览器化
babelify
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/

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

add babel/polyfill in Gulp with Babelify and Browserify

polyfills

browserify

gulp

babeljs