web-dev-qa-db-ja.com

Webpack 2でフェッチとポリフィルをポリフィルする方法は？

Webpack 2 の fetch および promise をポリフィルする方法は？

エントリポイントがたくさんあるので、各エントリポイントの前にそれらを追加するWebpack片道は望ましいソリューションではありません。

javascriptwebpackes6-promisewebpack-2
18
bravedick

エントリポイントの数に関係なく、フレームワーク（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']
    })
  ]
}
12
shadymoses

多分私は正しく理解していないかもしれませんが、babel-polyfill webpack設定の残りのエントリポイントの前に？

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