webpackの複数のエントリの外部ライブラリの依存関係を管理するにはどうすればよいですか？

Question

私たちのプロジェクトでは、複数のwebpackエントリがあります。それらは第三者のライブラリ（例えば、angularJS、fileAPIなど）に依存しています。私たちが達成したいのは以下の通りです：

• 外部依存関係は私たち自身のエントリーと一緒にバンドルされません。
• 外部依存関係は別々に参照されます。私たちはそれらを単一のバンドルとして参照したくありません。結果として、それらを並行してロードすることができます。
• これらの参考文献は自動的に実行される可能性があります。私たちは自分のエントリーでrequireを使い、webpackが自動的にそれらを読み込ませることを望みます。

Answer 1

最初の2つの箇条書きを達成することができます。

1. はい、外部依存/ライブラリは

   ... 
   vendor: ["jquery", "underscore", ...], 
   ... 
   

   よう 何か別のエントリー・ポイントになると、あなたのプラグインのリストにCommonsChunkPluginプラグインを追加することができます。

   new webpack.optimize.CommonsChunkPlugin("vendor", "vendor.bundle.js") 
   

2. あなたがそれらをバンドルしたい、と 別のファイルとして参照するようにしたくない場合は[OK]を、あなたは各 のlibs /依存関係のために別々のエントリポイントを作ることができるか、ロードするためにスクリプトタグを使用することができますそれらは別々に

   ... 
   dep1: 'dep1', 
   dep2: 'dep2', 
   ... 
   

3. いいえ、あなたはcode-splitting機能を使用しない限りまで、独自のエントリポイントとその参照ファイルでどんな require -d WebPACKのバンドルとしてこの点を達成することはできません。