Reactアプリケーションを別のWebサイト内のウィジェットとして構築する方法

Question

Reactを使用してSPA（シングルページアプリケーション）を構築しています。新しいプロジェクトを開始するたびに、私はcreate-react-appを使用します。ここまでは順調ですね。

Reactアプリケーションを既存のHTMLページ内のウィジェットとしてロードする要求を受け取ったところです。

私の質問：これはどのように達成するのですか？ CDNリンクとBabelを使って反応ファイルを参照することはできますが、私はこのすべてをBrowserifyまたはWebpackを使用してパッケージ化するのに問題があります。

あなたはこれについて既に経験がありますか？おそらくあなたは私に最もよく合うものを分かち合うことができます。

私は多くの運とこれでグーグルを試みた。

ありがとうございます。

Answer 1

だけ（それは指定されたHTMLにいつものようにマウントされますバンドルから反応させ、その後、あなたのバンドルの前のページで

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.js"></script> 
<script type="text/javascript" src="/scripts/app.bundle.js"></script> 

それを追加除外する

... 
externals: { 
    'react': 'React', 
    'react-dom': 'ReactDOM' 
}, 
plugins: [...], 
.... 

をwebpack.config.jsする行を追加します。要素）