electron与react结合开发（一）

最新推荐文章于 2024-08-20 09:37:44 发布

草莓味的屁

最新推荐文章于 2024-08-20 09:37:44 发布

阅读量3.8k

点赞数 1

分类专栏： electron

本文链接：https://blog.csdn.net/weixin_44555878/article/details/106588356

版权

本文介绍了如何将Electron与React结合，首先创建React项目，然后替换npm为yarn解决下载问题，接着创建main.js并参考Electron官方示例进行配置，确保加载React生成的页面，再修改package.json添加main.js和启动指令。通过nodemon实现自动重启，完成所有步骤后，在Electron窗口中可以看到React应用的效果。

摘要由CSDN通过智能技术生成

创建react项目

按照官网步骤进行操作即可

引入electron

注意:引入electron的时候可能会因为网络原因导致失败，建议替换成国内源

npm config set ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/

使用yarn将npm换为yarn即可

创建main.js

可以参照electron官方示例。在根目录下创建main.js

// Modules to control application life and create native browser window
const {
   app, BrowserWindow} = require('electron')
const path = require('path')


function createWindow () {
   
    // Create the browser window.
    const mainWindow = new BrowserWindow({