让Babel 6与IE8一起工作(通过.Gulp / Webpack)

时间:2015-11-13 14:40:19

标签: internet-explorer-8 webpack babeljs

我已经让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流程

我做错了什么?

0 个答案:

没有答案