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

时间:2016-04-24 04:55:29

标签: gulp browserify polyfills babel

我正在使用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中?

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

任何人都会提出建议,我们将非常感激;)

1 个答案:

答案 0 :(得分:1)

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