javascript - the - Babel polyfill y trago

the polyfill option has been removed the babel runtime module now skips polyfilling by default

Question

No puedo cargar correctamente babel/polyfill con trago. En mi caso, el método Array.from no está definido. Sin embargo, si intenta cargar browser-polyfill.js con gulp .add(require.resolve("babel/polyfill")) "only one instance of babel/polyfill is allowed" error "only one instance of babel/polyfill is allowed" . El código fuente es correcto porque lo he probado con babel browser-polyfill.js .

Código fuente:

//Lib.js
export default class Lib
{
  constructor()
  {
    var src = [1, 2, 3];
    this.dst = Array.from(src);
  }
  foo()
  {
    return this.dst;
  }
}

//main.js
import Lib from "./Lib";

var l = new Lib();
console.log(l.foo()); //Uncaught TypeError: Array.from is not a function

Gulpfile:

var gulp       = require(''gulp'');
var sourcemaps = require(''gulp-sourcemaps'');
var source     = require(''vinyl-source-stream'');
var buffer     = require(''vinyl-buffer'');
var browserify = require(''browserify'');
var watchify   = require(''watchify'');
var babelify   = require(''babelify'');
var uglify     = require(''gulp-uglify'');

var entryPoint = "./js/main.js";


function compile(watch)
{
  var bundler;

  function debug()
  {
    bundler.bundle()
    .on(''error'', function(err) { console.error(err); this.emit(''end''); })
    .pipe(source(''main.debug.js''))
    .pipe(buffer())
    .pipe(sourcemaps.init({ loadMaps: true }))
    .pipe(sourcemaps.write(''./''))
    .pipe(gulp.dest(''./bin''));
  }

  function release()
  {
    bundler.bundle()
    .on(''error'', function(err) { console.error(err); this.emit(''end''); })
    .pipe(source(''main.release.js''))
    .pipe(buffer())
    .pipe(uglify())
    .pipe(gulp.dest(''./bin''));
  }

  if(watch)
  {
    bundler = watchify(browserify(entryPoint, { debug: watch })
                        .add(require.resolve("babel/polyfill"))
                        .transform(babelify));

    bundler.on(''update'', function()
    {
      console.log(''Sources has changed. Rebuilding...'');
      debug();
    });

    debug();
  }
  else
  {
    bundler = browserify(entryPoint, { debug: watch })
              .add(require.resolve("babel/polyfill"))
              .transform(babelify);
    release();
  }
}


gulp.task(''release'', function() { return compile(false); });
gulp.task(''debug'',   function() { return compile(true); });

gulp.task(''default'', [''debug'']);

Answer 1

browserify(entryPoint, { debug: watch })
          .add("babel/polyfill")

creará un paquete con dos puntos de entrada, con entryPoint ejecutándose primero. Eso significa que el polyfill se cargará después de que se cargue la aplicación. O lo haces

require(''babel/polyfill'');

dentro de su archivo entryPoint , o ponerlos en el orden correcto

browserify(["babel/polyfill", entryPoint], { debug: watch })