javascript - 動的インポートによるホスト アプリケーション

Question

親コンポーネントと複数の子を持つ反応アプリケーションがあります。マニフェストを持つ異なるアプリケーションを表す各子。

src/
   host/ 
        Host.js
   app/
        foo/ 
            Foo.js
            manifest.json
        bar/ 
            Bar.js
            manifest.json 
        baz/
            Baz.js
            manifest.json  

各アプリケーション マニフェストにいくつかの重要なアプリケーション データ (ルート名など) を保持し、ホスト アプリケーションにそれらを読み取らせたいと考えています。

{
    "name": "Foo",
    "location": "this/is/a/foo/route"
}

ホストは、ルーターを使用して、 内のデータを使用してアプリケーションにナビゲートできる必要がありますmanifest.location。

---

ホストで現在のアプリのリストを維持する必要がないようにして、コードをできるだけ再利用できるようにしたいと思います。

私が考えているのは、ある種の Webpack プロセスを実行してマニフェストのパスを識別し、それらのインポートを動的に生成することです。

私が提案した解決策が可能かどうかはわかりません。Webpack でこの種の機能を実行するためのより良い方法はありますか? 正しい方向に私を向けることができますか？

ありがとう。