React+Electron封装并打包成桌面应用_electronreact打包,electron+react打包资源-CSDN下载

版权申诉

5星 · 超过95%的资源 95 浏览量 2021-01-07 19:55:42 上传评论收藏 30KB PDF 举报

资源详情

资源评论

资源推荐

React+Electron封装并打包成桌面应用封装并打包成桌面应用

0、、react工程建立工程建立

react工程建立见：一个react工程的建立

1、安装、安装electron

项目目录下：

npm install -save electron

2、、main.js

项目更目录下载添加main.js,基本内容：

const { app, BrowserWindow,

ipcMain

} = require('electron');

var net = require('net');

let win;

const createWindow = () => {

win = new BrowserWindow({

width: 800,

height: 600

});

const indexPageURL = `file://${__dirname}/dist/index.html`;

win.loadURL(indexPageURL);

win.on('closed', () => {

win = null

});

}

app.on('ready', createWindow);

app.on('window-all-closed', () => {

if (process.platform !== 'darwin') {

app.quit()

}

});

app.on('activate', () => {

if (!win) {

createWindow();

}

});

3、、配置配置 package.json

增加：

{

"name": "demo",

"version": "0.1.0",

"private": true,

"main": "main.js", // 这里配置启动文件

"dependencies": {

"electron": "^6.0.12",

"react": "^16.10.2",

……

4、、webpack配置配置

增加：

target: 'electron-renderer',

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论10

本本纲目

2023-06-15

注重实际操作，不会死磕理论。

内容反馈

版权申诉

weixin_38717031

粉丝: 3

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip