既存サイトの改修で、ちょっとしたシステム系を導入したい。
jsやjqueryでやってもいいですが、reactで作って合体した方が早い時の方があると思います。
ビルドしたデータから抜き出して実装することができます。
ビルドしたファイルのindex.htmlから抜き出す
reactのビルドファイルは大体一緒。
まずは表示するdivを抜き出して、既存のファイルの表示したいところに配置します。
下記の文言が
Reactのindex.html
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div> ←こいつをコピー
</body>
JSの部分も抜き出す
同じindexファイルのheadの中にあるjsファイルも、既存サイトのheadにコピーします。
ファイル名は個々で違うので適宜変更してください。
<script defer="defer" src="./static/js/main.a6463097.js"></script>
<link href="./static/css/main.073c9b0a.css" rel="stylesheet">
パス通りにフォルダを配置して終了
上記の./staticにフォルダを入れたら読み込みます！
ビルド時にstaticフォルダができると思うので、あらかじめアップしておきましょう！