"子供たち"がCommonsChunkPluginの設定で何を参照しているのですか

Question

私はwebpackのCommonsChunkPluginの設定オプションの周りに頭を抱えようとしています。これらのオプションには、ブール型のchildrenプロパティが含まれています。これがtrueに設定されているときに何が起こるのか、falseに設定されているのかについて説明できますか？ This documentationは、 "trueコモンズチャンクのすべての子が選択されている場合、"ページは決して "コモンズチャンクの子"を定義しないと言います。コモンズのチャンクを含むチャンクには子供がいますか？あるいは、おそらくコモンズのチャンクに含まれるモジュールは？さらに、子供を「選ぶ」ことの意味は何ですか？

Answer 1

ここでのフレーズは少し誤解を招くと思います。関連するexample on the same documentation pageを見ると、それはより明確になります。

あなたは、コード分割して起動すると、用語のチャンクは、（あなたのスプリットポイントによって作成されたコード内のスプリット・ポイントによって作成された子を持つ

• 応募チャンク、
• チャンクを参照することができますあなたのエントリーチャンクの子）、または
• CommonsChunkPluginでマージするコモンズチャンク。

ドキュメントでわかるように、コードをCommonsChunkPluginにマージするコモンズチャンクは、新しいコモンズチャンクまたは既存のチャンクのいずれかです。後者は、CommonsChunkPluginオプションのコモンズチャンクの「名前」プロパティとして既存のチャンクの名前を指定することによって実現されます。しかし私の経験では、アプリケーションのエントリポイントである既存のチャンクしか指定できません。たとえば、アプリケーションエントリポイントの名前が「app」の場合、次のCommonsChunkPluginオプションは、「app」の子の共通コードを「app」チャンクにマージする必要があります。

new webpack.optimize.CommonsChunkPlugin({ 
    name: 'app', 
    children: true 
}) 

代わりに、あなたは次のコードでそれを行うだろう、「アプリ」の子どもたちの共通のコードのための新たなコモンズのチャンクを作成したい、場合：

new webpack.optimize.CommonsChunkPlugin({ 
    name: 'app', 
    filename: 'common-code.js', 
    children: true, 
    async: true 
}) 

が戻って来ますコモンズチャンクのすべての子が選択されているtrueの場合、ドキュメント

からあなたの引用

"commons chunk"という単語はおそらく "entry chunk"に置き換えてください。