comment puis-je utiliser babel polyfill pour prendre en charge tous les problèmes IE11 avec gulp

Question

J'ai été reconstituer le soutien pour IE11 en ajoutant des plugins pour transform-object-assign et array-includes et maintenant je reçois une erreur de symbole pour l'utilisationboucles. Au lieu de simplement les attaquer un à la fois, est-il possible pour moi de travailler le polyfill babel dans ma construction ci-dessous et la preuve de l'avenir?

J'ai lu plusieurs questions connexes, mais je suis toujours pas clair sur la façon dont je corresponds babel-polyfill dans la construction engouffreur ci-dessous:

return gulp.src(input) // Grab the input files 
     .pipe($.babel({ 
      presets: ['es2015'], // transform ES6 to ES5 with Babel 
      plugins: ['transform-object-assign','array-includes'] 

     })) 
     .pipe($.concat(outputFile)) 
     .pipe($.uglify({ 
      compress: { 
       drop_debugger: true 
      } 
     })) 
     .pipe(gulp.dest(paths.output)) // Output file destination 
     .pipe($.connect.reload()); 
} 

Answer 1

Modifier

J'ai remarqué un problème avec babel-polyfill et IE, quand je revins à ce paquet NPM "babel-polyfill": tout "6.5.0" ont commencé à travailler normalement

/Modifier

Utilisez-vous browserify? Aussi, vous aurez besoin du babel-polyfill et le plugin ['transform-es2015-classes', { loose: true }]]

Heres ma tâche engouffreur pour la compatibilité avec IE babel6:

gulp.task('compile',() => { 
    browserify('./js/script.js', { debug: true }) 
    .add(require.resolve('babel-polyfill')) 
    .transform(babelify.configure({presets: ['es2015'], plugins:['transform-es2015-classes', { loose: true }]]})) 
    .bundle() 
    .on('error', util.log.bind(util, 'Browserify Error')) 
    .pipe(source('script.js')) 
    .pipe(buffer()) 
    .pipe(sourcemaps.init({loadMaps: true})) 
    .pipe(uglify({ mangle: false })) 
    .pipe(sourcemaps.write('./')) 
    .pipe(gulp.dest('./build')); 
    });