舟山建设信息港门户网站,网站建设项目进度汇报,wordpress 手机首页,整站优化seo最近打算搭建一个react electron的项目#xff0c;发现并不是那么傻瓜式 于是记录一下自己的实践步骤 通过create-react-app 创建react项目 npx create-react-app my-app 安装electron依赖 npm i electron -D暴露react项目的配置文件#xff08;这一步看自己需求#xff0c…最近打算搭建一个react electron的项目发现并不是那么傻瓜式 于是记录一下自己的实践步骤 通过create-react-app 创建react项目 npx create-react-app my-app 安装electron依赖 npm i electron -D暴露react项目的配置文件这一步看自己需求我需要改目录结构 在package.json中有一个eject命令直接执行就可以执行前要保证没有更变的内容也可以将.git删掉 或者提前配置好远端仓库 执行完毕后会发现目录里多了config、scripts目录里面就是相关的一些配置文件 这时候可以看到webpack.config.js 以及一些路径的修改了 这里我改了path的映射把react项目根目录的内容全部放到renderer目录中以app作为顶层去管理主进程main和渲染进程renderer path.js: 修改package.json命令、入口文件 这里如果要区分node环境需要安装cross-env npm i cross-env -D修改主进程入口main参数根据自己的实际目录来 配置主进程入口文件 配置相关内容可以复制官网的electron demo中的main.js https://github.com/electron/electron-quick-start/blob/main/main.js 要注意如果react项目跑起来的端口是localhost: 3000主进程创建BrowserWindow也要对应loadURL为3000端口 我这里对应配置的入口文件为index.jspackage.json里写的main映射到你写的js入口文件就行了 运行electron npm run start:react npm run start:main
