Create React AppでChrome Extensionを開発する - GeekFactory

Create React AppでChrome Extensionを開発する - GeekFactory

Reactのアプリを開発するにはFacebook謹製のcreate-react-appが便利です。しかし、create-react-appはWe...概要を表示 Reactのアプリを開発するにはFacebook謹製のcreate-react-appが便利です。しかし、create-react-appはWebアプリの開発に特化しているため、Chrome Extensionの開発には使えない問題があります。スクリプトを少し変えてwatch buildを行う方法を紹介します。 Chrome Extensionの開発に必要なフロー Chrome Extensionを開発するには以下のようなフローが必要になります。 アプリをビルドし、 build フォルダに出力する。 Chromeの拡張機能を開き、デベロッパーモードで build フォルダを読み込む。 Chrome Extensionを実行する。 ソースコードを修正する。 アプリをビルドし、 build フォルダに出力する。 3に戻る。 create-react-appでnpm startを実行するとloc