reactjs - webpack umd モジュールの依存関係を管理する (または peerDependencies を作成する) 方法

Question

Webpack を使用して UMD モジュールを作成しました。コンテンツ (圧縮なし) は次で始まります。

(function webpackUniversalModuleDefinition(root, factory) {
  if(typeof exports === 'object' && typeof module === 'object')
    module.exports = factory();
  else if(typeof define === 'function' && define.amd)
    define("bootstrap-styled", [], factory);
  else if(typeof exports === 'object')
    exports["bootstrap-styled"] = factory();
  else
    root["bootstrap-styled"] = factory();
})(this, function() {

reactこのライブラリは、このライブラリ内のシグナル コンポーネントに依存しています: react-dom(react-onclickoutsideパッケージを介して)。

このライブラリを webpack でビルドし、プロジェクトで使用しようとすると。React の 2 つのコピーがバンドルされているというエラーが表示されます。

したがって、Umd モジュールとして何を期待しているかを知る必要があります。

React をビルドするのではなく、React をピアの依存関係にしたいのです。

reactこの umd モジュールのパラメーターとして表示する必要がありますか?

React アプリケーションから、このモジュールをロードするにはどうすればよいですか?

React を除外するにはどうすればよいですか? ドキュメントの例のほとんどを試しました。