我已经让Babel 6与Gulp和Webpack很好地合作。我现在需要将其填充以获得IE8支持。
我已经安装了babel-polyfill,但无法使其正常运行,而Google和Google几乎没有帮助。
我的Gulp任务(包括Webpack配置):
gulp.task('webpack', function(callback) {
var webpackConfig = {
context: __dirname + '../../../js',
entry: {
homepage: [
'babel-polyfill',
'./public/homepage/homepage.js'
]
},
output: {
path: __dirname + '../../../dist/public/scripts/',
filename: '[name].bundle.js'
},
module: {
loaders: [
{
loader: 'babel-loader',
test: /\.js$/, // Only run .js files through Babel
include: /js/, // Only include the /js dir
query: {
//plugins: ['transform-runtime'], // Disabled pending fix to https://github.com/babel/babel/issues/2954
presets: ['es2015'],//, 'stage-0'
}
}
]
}
};
webpack(webpackConfig, function(err, stats) {
if (err) {
throw new gutil.PluginError('webpack', err);
}
gutil.log('[webpack]', stats.toString({
// output options
}));
callback();
});
});
来自文档(https://babeljs.io/docs/usage/polyfill/):
Node / Browserify / Webpack中的用法
要包含您需要的填充物,请在入口点的顶部加上>你的申请。
需要("巴别-填充工具&#34);
在浏览器中使用
可从babel-polyfill npm版本中的dist / polyfill.js文件中获取。这需要包含在所有编译的Babel代码之前。您可以将它添加到已编译的代码中,也可以将其包含在之前。
注意:不要通过browserify等要求,请使用babel-polyfill。
我尝试过将polyfill.js文件添加到页面顶部,但IE8对编译代码使用default
关键字仍然不满意。
我还尝试根据http://jamesknelson.com/using-es6-in-the-browser-with-babel-6-and-webpack/以及Google的其他建议将polyfill添加到webpack流程
我做错了什么?