webpack 2でpolyfillをフェッチして約束する方法は？

Question

polyfillの方法fetchとpromiseはWebpack 2ですか？

私はエントリポイントをたくさん持っているので、各エントリポイントの前にそれらを追加するWebpackの一方的な方法は望ましいソリューションではありません。

Answer 1

私は正しく理解していないかもしれませんが、あなたのwebpack設定の残りのエントリポイントの前にbabel-polyfillを追加するだけでいいですか？

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

Answer 2

かかわらず、あなたが持っているどのように多くのエントリポイントの、あなたのベンダーのそのようなフレームワークなどのファイル、（whatevs、角度反応する）とあなたが常に必要がありますが、ほとんど変更するつもりはないされているすべてのライブラリ用に別のファイルを持っている必要があります。それらを別々のバンドルとして、キャッシュすることができます。そのバンドルは常にロードする必要があります。そのバンドルに含めるものは、常に使用可能ですが、commonChunksPluginで使用すると、チャンク内で繰り返されることはありません。あなただけの単一のエントリとしてpolyfillsが含まれていないのはなぜ

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'] 
    }) 
    ] 
}