System.importでWebpack 2のコード分割：依存関係の依存性

Question

私は正しく非同期に読み込まれたチャンクの中に私たちのJSを適切に分割しようとしています。

私はいくつかのエントリポイントでimportを使用していますし、それは素晴らしい作品：

module.exports = Promise.all([ 
    import('moment'), 
    import('some-other-module') 
]).then((deps) => { 
    let [moment, someOtherModule] = deps; 
} 

、他の場所：

module.exports = Promise.all([ 
    import('moment'), 
]).then((deps) => { 
    let [moment] = deps; 
} 

のWebPACKが正常にmomentとsome-other-module のための別々のチャンクを作成し、ファイルを非同期にロードします必要に応じて。しかし

：

some-other-moduleが実際にもmomentを必要とし、WebPACKのを作るには、重複につながる、some-other-moduleのチャンクでもmomentが含まれます。

これは予期された動作ですか？もしそうなら、推奨される解決策は何ですか？

Answer 1

並列

new webpack.optimize.CommonsChunkPlugin({ 
    async: true 
}) 

に必要に応じて、私はあなたがこのページ https://webpack.js.org/plugins/commons-chunk-plugin/にCommonsChunkPlugin非同期の説明を見ることができます依存関係とロードそれらを分離webpack.configの私のプラグインセクションに次のコード行を追加しました