如何使用webpack 2进行polyfill fetch和promise？

Question

如何对Webpack 2进行polyfill fetch和promise？

我有很多入口点,所以Webpack在每个入口点之前添加它们的方法不是理想的解决方案.

Answer 1

无论您拥有多少入口点,您都应该为供应商文件提供单独的文件,例如框架(react,angular,whatevs)以及您始终需要但很少会更改的任何库.您希望这些作为单独的捆绑包,以便您可以缓存它.应始终加载该捆绑包.您在该捆绑包中包含的任何内容将始终可用,但如果您将其与commonChunksPlugin一起使用,则不会在您的块中重复.

这是我已经完成的应用程序的示例(只显示相关的配置选项):

module.exports = {
  entry: {
    client: 'client',
    vendor: [
      'react',
      'react-addons-shallow-compare',
      'react-addons-transition-group',
      'react-dom',
      'whatwg-fetch'
    ]
  },
  output: {
    path: `${__dirname}/dist`,
    filename: '[name].js',
    publicPath: '/build/'
  },
  plugins: [
    new webpack.optimize.CommonsChunkPlugin({
      names: ['vendor', 'manifest']
    })
  ]
}

Answer 2

也许我没有正确理解，但是你不能babel-polyfill在 webpack 配置中的其余入口点之前添加吗？

module.exports = {
   entry: ['babel-polyfill', './app/js', '/app/js/whatever']
};