Webpack - 非同期コモンズチャンクを手動で作成する

Question

Webpackでは、指定したコンテンツのみを含む通常（非エントリ）非同期チャンクを作成するにはどうすればいいですか？

例えば、moduleAとmoduleBがあるとします。どちらもオンデマンドでロードされるのはSystem.importです。 moduleAとmoduleBはどちらも/sharedディレクトリ内のさまざまなコンテンツを使用します。どのようにして非同期チャンクを作成すると、すべての内容が共有されますか？

最も近い the docsを示しているように見える

がchunks配列である（実際の生活の中でそこだけmoduleAとmoduleBsharedで何かを共有するよりもなるだろう）、それはされる、共通のコンテンツを分析するためにチャンクのようです共通のチャンクに抽出されます。

この質問はthis answer（Webpackクリエイターによって書かれています）の拡張です。

私は思ったんだけどどのように（可能な場合）を手動にそれらをを行く何を指定することで、あなたの一般的なチャンクに何が起こっをより細かく、よりきめの細かい制御を取ることができます。

Answer 1

このプラグインは、共通の親を持つ少なくとも2つのオンデマンドロードチャンクから別の非同期コモンズチャンクに使用されるすべてのモジュールをsharedから移動します。

共通の親チャンク（つまり、ルータ）を知っている場合は、nameパラメータをオプションで渡すことができます。

new CommonsChunkPlugin({ 
    async: true, 
    children: true, 
    minChunks: function(module, count) { 
    return module.resource && 
     module.resource.indexOf("/path/to/shared/") === 0 && 
     count >= 2; 
    } 
})