Javascript 如何使用babel polyfill来支持gulp的所有IE11问题
我通过为Javascript 如何使用babel polyfill来支持gulp的所有IE11问题,javascript,gulp,internet-explorer-11,babeljs,polyfills,Javascript,Gulp,Internet Explorer 11,Babeljs,Polyfills,我通过为transform object assign和array includes添加插件来整合对IE11的支持,现在我发现使用for of循环时出现了一个符号错误。与其一次只解决一个问题,我是否有可能将babel polyfill应用到我下面的构建中,并证明它的未来 我已经阅读了几个相关问题,但仍然不清楚如何将babel polyfill融入下面的gulp构建: return gulp.src(input) // Grab the input files .pipe($.b
transform object assign
和array includes
添加插件来整合对IE11的支持,现在我发现使用for of
循环时出现了一个符号错误。与其一次只解决一个问题,我是否有可能将babel polyfill应用到我下面的构建中,并证明它的未来
我已经阅读了几个相关问题,但仍然不清楚如何将babel polyfill融入下面的gulp构建:
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());
}
编辑
我注意到了babel polyfill和IE的一个问题,当我回到这个npm包“babel polyfill”时:“6.5.0”一切都开始正常工作
/Edit
你在用browserify吗?您还需要babelpolyfill
和插件['transform-es2015-classes',{loose:true}]
以下是我为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'));
});
transform-es2015-classes
是否涵盖符号错误的?是否需要browserify?我相信它与polyfill捆绑在一起并使用导入语句时很有用。它与网页包等效: