いくつかアプローチを書いてみます。
- HTMLファイルで直接読み込む
React の場合は node_modules/react/dist
ディレクトリにブラウザ向けのコンパイル済みファイルが配置されています。
これをコピー(またはシンボリックリンク)して、
<script src="lib/react.min.js"></script>
すると、スクリプト全体でグローバル変数 React
が利用できます。
これが最も従来の方法に近いです。
複数のページで React を利用している場合、キャッシュを効率的に利用できるメリットもあります。
- エントリ ファイルで global に代入する
最初に1度だけ実行される場所 (例えば Browserify に渡す最初のファイル) にて import
して、グローバル領域に代入します。
import React from "react";
Function("return this;")().React = React;
Modules を利用している場合、グローバルのthis
はundefined
になります。そのためホスト オブジェクトのエイリアスとして利用できません。
そこで、こんな感じ。きっと動くはず...
- import React from "react";
を都度書く
個人的には、これがベストだと思います。