使用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/