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

Question

我正在使用Babel和Browserify和Gulp。我想将babel-polyfill添加到我的项目中，但很难在互联网上找到我想要执行的操作。
这node_modules我安装：

• 乙烯基源流
• 乙烯基缓冲器
• 吞
• 吞-sourcemaps
• browserify
• babelify
• 巴贝尔-填充工具

这是我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脚本标记添加“巴贝尔-填充工具”。 另一种方法是要求（'babel-polyfill'）是你所有代码的开始。（不在吞噬！） 看到这个。 https://babeljs.io/docs/usage/polyfill/