})//加载应用---react 打包//mainWindow.loadURL(url.format({//pathname: path.join(__dirname, './build/index.html'),//protocol: 'file:',//slashes: true//}))//加载应用---适用于 react 项目和开发阶段npm run electronmainWindow.loadURL('http://localhost:3000/'); mainWindow.on('closed'...
2.创建的app文件夹下的配置 (1)创建main.js主文件(electron主配置文件) mainWindow.loadURL('http://localhost:8000/');这边的端口要跟前端运行起来的端口一致 // electron打包配置const{app,BrowserWindow,globalShortcut,// dialog}=require('electron');constpath=require('path');constisPro=process.env.NODE...
} 安装 打包工具:npm install electron-builder --save-dev main.js 和 preload.js 放到 public 目录下,并且把 main.js 名字改为 electron.js 打包指令: "electron-start": "electron .", "dist": "electron-builder --win --ia32", "distmac": "electron-builder --mac"...
electronjs 打包前端文件为exe不需要很深代码能力即可实现,是一个基于 React 的框架,对于初级前端开发十分友好,具有以下优势: 高效性:relectron 充分利用了 React 的虚拟 DOM 和组件化的特性,能够快速构建高效的应用程序。 跨平台:relectron 支持 Windows、Linux 和 macOS 等多个平台,可以在不同的设备上运行。 可...
Electron 打包 React项目 本篇内容将记录并介绍使用Electron来打包已有的React项目; 1、安装Electron npm install -g electron npm install -D electron 我这里使用的是全局安装electron,原因是因为electron包比较大,而且运行Electron这一操作是可复用的,所以我认为全局安装electron更加合适,这里只需要安装一次electron,在哪...
"electron-start": "electron ." }, } 5.启动Electron(在两个命令行里输入) npm start npm run electron-start 6.在package.json中配置: { "homepage": "." } 7.打包 npm run build 8.安装electron-packager npm install electron-packager -D ...
React+electron项目搭建打包一．搭建react+electron项目 1.创建一个react项目 create-react-app my-app cd my-app npm start 看下页面是否打开，是否运行正确。注意：如果页面没有src文件夹，第一种：卸载全局安装包：npm uninstall -g create-react-app yarn global remove create-react-app 然后 npm start，浏览...
"winpack": "electron-builder build --win" // 用于打包exe安装包 复制代码 1. 2. 3. 4. 在electron启动前端项目 首先需要将打包📦后的前端代码放到项目build文件夹下,注意是放到build文件夹根目录而不是将诸如dist(vue打包后)或者build(react...
cnpm init // 一路Enter然后到最后一步输入yes // 安装dev相关依赖 cnpm i electron -D //安装electron cnpm i electron-builder -D // 用来打包客户端安装包 -- 需要下一步下一步安装来完成点击打开 cnpm i electron-packager -D // 用来打包客户端可执行文件 -- 直接点击打包📦后的可执行文件即可运行...
原有的React项目可以正常使用Webpack和webpack-dev-server打包并使用。引入Electron后,先用Webpack打包并用dev-server运行在8080下,然后在总目录下加入一个index.js const electron = require('electron'); const {app,BrowserWindow} = electron; let mainWindow = electron; app.on('ready',()=>{ mainWindow ...