Electron + React の開発環境構築 (esbuild 編)

CRANK

サマリーReact でつくる Electron アプリのボイラープレートです。メインプロセス、レンダラープロセスともにホットリロード可能な開発環境の構築を目指します。完成したテンプレートはこちら: 前提Node.js と Git Bash（もしくは何らかの UNIX シェル）はインストール済みであることを想定しています。 インストール ⚙️ Node.js のプロジェクトとして初期化npm コマンドは Node.js に同梱されています。bash$ mkdir zenn $ cd zenn $ npm init --yes 📥 React のインストールbashnpm install react react-dom 📥 Electron のインストール本体bashnpm install --save-dev electron ホットリロードに必要なパッケージnpm install --save-dev electron-reload 📥 esbuild（バンドラー）のインストール i -D は npm install --save-dev の省略形です。bashnpm i -D esbuild バンドルされた JavaScirpt ファイルを HTML の <script> ~ </script> タグへ差し込むプラグインbashnpm i -D @craftamap/esbuild-plugin-html ⚙️ esbuild の設定プロジェクト直下に設定ファイル esbuild.js を作成します。esbuild.js// 開発モードか否か？ const isDev = process.env.NODE…