HMR for Production

Question

私のチームは大きなReactアプリケーションを構築しています。 Webpackでは、構築と展開に関して私たちが達成しようとしていることが可能かどうかを知りたいと思っています。

チームがGoogle管理者を作成しているとします。 4つの異なるチームが集中しているadmin内に4つのモジュール/アプリがあります。これらの4つのモジュール/アプリケーションへのエントリポイントであるコンソールアプリケーションがあります。私たちは、それぞれのモジュールを独立して動作させ、独立して展開できるようにしたいと考えています。

ここでは、これらのモジュールをビルドするための開発者用の4つのアプリケーションがあります。我々はそれらを構築し、配布.jsと.js.mapファイルをコンソールの./modulesフォルダにコピーします。 System.importを使用してこれらのモジュールを遅延参照します。

コンソールアプリケーションが構築されている間に、コンソールアプリケーションが再構築および再デプロイすることなくコンソールに依存するファイルをmodule-one.jsとmodule-one.js.mapファイルに「スワップアウトする」ことはできますか？

目標：

1. は、NPMのために、これらのアプリケーションをパッケージ化しないでください。これは間違いなく、コンソールアプリケーションを更新して再構築する必要があります。
2. コンソールアプリケーションを再構築しなくても、モジュールをビルドして特定のモジュールだけを本番環境に展開できます。
3. 別のSPAにリダイレクトしないでください。

私は目標を説明するために最善を尽くしました。どんな入力も高く評価されます。私は検索で何も見つかりませんでした。

Answer 1

webpackはモジュールをメモリにロードし、ファイルシステムの変更を監視します.Webpackの実行中は、指定されたモジュールを置き換えても問題はありません。しかし、webpackはモジュールが変更されたときにメモリバンドル全体を構築しようとします（モジュールが本当に独立していることを知る方法がないため）。私が薄くすることができるのは、コンソールアプリケーションとファイルを監視するモジュール（webpackなど）との間にシムを書き込むだけですが、変更されたローカルファイルのメモリ内のバージョンを置き換えます。これを読んで私には意味があるかどうかはわかりません...