コンパイル時に名前が不明なモジュールを要求するにはどうすればよいですか？

Question

私はアプリのスケルトンを読み込むReactウェブアプリを持っています。 スケルトンがブラウザにロードされた後、ajaxによってサーバーからモジュール名のリストが取得されます。 次に、サーバーからこれらのモジュール名をフェッチし、それらをスケルトン内の反応コンポーネントとしてロードする必要があります。

私はWebpack 1で起動し、require.ensure（）がビルド時に名前を把握する必要があるため、動的モジュールの読み込みに問題がありました。

ダイナミックモジュールをロードするJSPMに移動しましたが、プロジェクトに他の問題が作成されました。

私はWebpackに戻りたいと思いますが、動的コンポーネントバンドルのロード方法を知りません。

多分Webpack2を使用しますか？

アイデア？

Answer 1

私はReactRouterとWebPACKの2を使用して、動的に各ルートをロードする方法を示す例がありますが、これはWebPACKの2

を使用して作業を得ることができました。

• Code splitting using React and Webpack 2
• Migrating from Webpack 1 to Webpack 2

Answer 2

ウェブパックCode Splittingを使用してこれを実現できるようです。

コードスプリットを使用して、コードをオンデマンドロードの チャンクに分割することができます。これにより、最初のダウンロードを小さく保つことができ、アプリケーションによって要求されたときに のコードをダウンロードします。