成都网站建设设计

将想法与焦点和您一起共享

详解Electron如何整合React使用搭建开发环境-创新互联

小编这次要给大家分享的是详解Electron如何整合React使用搭建开发环境,文章内容丰富,感兴趣的小伙伴可以来了解一下,希望大家阅读完这篇文章之后能够有所收获。

创新互联公司从2013年成立,先为旌阳等服务建站,旌阳等地企业,进行企业商务咨询服务。为旌阳企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

简介

用于构建用户界面的 JavaScript 库

步骤

首先创建React

npx create-react-app doc

进入到doc项目

cd doc

安装electron

npm install electron --save-dev

安装依赖

判断是否为生产环境

cnpm install electron-is-dev --save-dev

在项目根目录创建main.js

const { app ,BrowserWindow } = require('electron')
const isDev = require('electron-is-dev')
let mainWindow;

app.on('ready', () => {
 mainWindow = new BrowserWindow({
  width: 1024,
  height: 680,
  webPreferences:{
   nodeIntegration: true,
  }
 })
 const urlLocation = isDev ? 'http://localhost:3000' : 'dummyurl'
 mainWindow.loadURL(urlLocation);
})

当前标题:详解Electron如何整合React使用搭建开发环境-创新互联
文章分享:http://chengdu.cdxwcx.cn/article/hiiij.html