2016-12-26 6 views
0

複数のアプリケーションを内部に持つReact-Reduxリアルタイムアプリケーションを作成しています。複数のWebPackインスタンスを持つWebPackベンダーとスプリットポイント

サーバーには、各アプリケーションに独自のWebPackがあり、各アプリケーションの変更をコンパイルします。

各アプリケーションには、明らかに、反応ライブラリと還元ライブラリが共有されています。

私が達成したい事はある:

  • 内部の任意のアプリケーションをロードする、共通のメインバンドルを作成する1つのWebPACKのインスタンスを持っています。これはReactとReduxのライブラリを持ち、ユーザの操作に応じてダイナミックに必要な小さなコードを必要とします。このインスタンスは、ユーザーが入力するまで、読み込まれたアプリ名を認識しません。
  • 各アプリケーションごとに1つのWebPackインスタンスが必要です。このバンドルには、ReactとReduxのライブラリが破棄され、必要なデータだけが含まれます。

これは、より多くのアプリケーションが最終的に追加される動的な環境になるため、この方法が必要なので、エントリポイントを追加するたびにメインインスタンスを停止/開始する必要はありません。

これを実現するには、2つのWebPackインスタンスをどのように同期できますか?

TL; DR:

私は、この構造を有する:
メイン
APP1
・を APP2

mainますが、いくつかの点で、requireapp1またはapp2ダイナミックically。

mainは、ユーザの入力までapp1app2について何も知らないしていないので、私はmain WebPACKのインスタンスでそれらを追加することはできません。

mainapp1app2共有いくつかのライブラリなので、私は彼らが解析され、mainバンドルにはなくapp1app2バンドルに追加することにしたいです。

答えて

0

解決策が見つかりました。

私はbundle-loaderを使用する必要があります。

これをダイナミックに追加するrequireポイント内main私は、非同期にロードされる異なるバンドルを取得します。一意のWebPackインスタンスを使用する必要がありましたが、これは問題ありません。

関連する問題