reactjs - ビルドツールとしてbabel、webpack、およびgulpでreactを使用する場合、バンドルされたファイルではなく、reactライブラリファイルを個別にロードする方法はありますか?

Question

私は、babel を使用してコードを作成し、反応する必要があるアプリケーションを持っています。アプリケーションは、自動ビルドの作成とデプロイのために gulp と webpack を使用してビルドされます。gulp と webpack を使用して babel+react コードをブラウザーで解釈可能なコードに変換する場合、npm を使用して react をインストールし、すべてのファイルにインポートする必要があります。サンプル コードは次のとおりです。

import React from 'react';
import ReactDOM from 'react-dom';
import HelloWorld from './helloWorld.jsx';
import HelloMe from './hello-me.jsx';

ReactDOM.render(
    <HelloWorld />,
    document.getElementById('app-test')
);

ReactDOM.render(
    <HelloMe />,
    document.getElementById('app-container')
);

さて、問題はこのコードが webpack にバンドルされている場合、react および react-dom ライブラリ コードをバンドルされたファイルにバンドルすることです。したがって、これらのライブラリ ファイルをキャッシュして別のビューにロードすることはできません。このため、同じライブラリ コードが別のバンドル ファイルに何度も読み込まれます。バンドルされたファイルではなく、これらのファイルを個別にロードする方法はありますか?