複数のアプリケーションを内部に持つReact-Reduxリアルタイムアプリケーションを作成しています。複数のWebPackインスタンスを持つWebPackベンダーとスプリットポイント
サーバーには、各アプリケーションに独自のWebPackがあり、各アプリケーションの変更をコンパイルします。
各アプリケーションには、明らかに、反応ライブラリと還元ライブラリが共有されています。
私が達成したい事はある:
- 内部の任意のアプリケーションをロードする、共通のメインバンドルを作成する1つのWebPACKのインスタンスを持っています。これはReactとReduxのライブラリを持ち、ユーザの操作に応じてダイナミックに必要な小さなコードを必要とします。このインスタンスは、ユーザーが入力するまで、読み込まれたアプリ名を認識しません。
- 各アプリケーションごとに1つのWebPackインスタンスが必要です。このバンドルには、ReactとReduxのライブラリが破棄され、必要なデータだけが含まれます。
これは、より多くのアプリケーションが最終的に追加される動的な環境になるため、この方法が必要なので、エントリポイントを追加するたびにメインインスタンスを停止/開始する必要はありません。
これを実現するには、2つのWebPackインスタンスをどのように同期できますか?
TL; DR:
私は、この構造を有する:
・メイン
・ APP1
・を APP2
main
ますが、いくつかの点で、require
app1
またはapp2
ダイナミックically。
main
は、ユーザの入力までapp1
とapp2
について何も知らないしていないので、私はmain
WebPACKのインスタンスでそれらを追加することはできません。
main
、app1
とapp2
共有いくつかのライブラリなので、私は彼らが解析され、main
バンドルにはなくapp1
とapp2
バンドルに追加することにしたいです。