ウェブパックデュプリュウェブパックバンドル

Question

ウェブパックは、すでにwebpackにバンドルされているパッケージを削除しますか？

例えば、 | Webpack bundle 1 | |------------------| | react@15.5 | | jquery@3.0 |

| Webpack app bundle | |--------------------| | react@15.5 | | jquery@3.1 | | Webpack bundle 1 |

ウィルWebPACKのアプリバンドルreact@15.5の2のコピーが含まれていますか？ Webpackアプリバンドルにはjqueryの2つのコピーが含まれますか？

Answer 1

あなたがwebpackに与える設定が原因です。 2つのエントリーポイントが相互に通信しておらず、jqueryとreactの両方をインポートしているので、答えがyesの場合、両方のバンドルにこれらのライブラリがあります。ただし、CommonsChunkPluginを使用して簡単にベンダーバンドルを作成できます。ここでは、両方のエントリポイントによって消費される分離チャンク内のベンダー・モジュールを配置する方法の例です。このように

new webpack.optimize.CommonsChunkPlugin({ 
    name: "vendor", 
    minChunks: function (module) { 
    return module.context && module.context.indexOf("node_modules") !== -1; 
    } 
}) 

、node_modules内のすべてのモジュールは、ベンダーと呼ばれるバンドル内部でエクスポートされます。