})//加载应用---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"...
1.创建React项目: npx create-react-app mydemo 2.添加Electron包: npm install electron -D 3.项目根目录下新建main.js const { app, BrowserWindow } = require('electron') function createWindow () { const win = new BrowserWindow({ width: 800, height: 600, }) // 加载应用---适用于 react 项...
Electron 打包 React项目 本篇内容将记录并介绍使用Electron来打包已有的React项目; 1、安装Electron npm install -g electron npm install -D electron 我这里使用的是全局安装electron,原因是因为electron包比较大,而且运行Electron这一操作是可复用的,所以我认为全局安装electron更加合适,这里只需要安装一次electron,在哪...
cnpm init // 一路Enter然后到最后一步输入yes // 安装dev相关依赖 cnpm i electron -D //安装electron cnpm i electron-builder -D // 用来打包客户端安装包 -- 需要下一步下一步安装来完成点击打开 cnpm i electron-packager -D // 用来打包客户端可执行文件 -- 直接点击打包📦后的可执行文件即可运行...
electron + react 打包必备组件下载失败 问题描述 打包项目 npm run package 1. 下载失败组件 electron [1] [1] > build:renderer [1] > cross-env NODE_ENV=production TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.renderer.prod.ts [1] [0] [0] > build:main [0...
一、安装electron 为了方便你以后的使用,建议全局安装。以后在任何文件夹都能使用electron。怎么安装就不废话了,不会的去官网,安装好electron之后也安装一个专用的打包工具electron-packager,以方便我们后面打包的时候使用。 二、run build 你的react项目写完后(其实写到一半,四分之一你随意,只要页面上有点内容了),执行...
大家好,我是yma16,本文分享关于使用electronjs打包前端vue3、react成exe可执行程序。。 Electron前端框架 Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux...
原有的React项目可以正常使用Webpack和webpack-dev-server打包并使用。引入Electron后,先用Webpack打包并用dev-server运行在8080下,然后在总目录下加入一个index.jsconst electron = require('electron');const {app,BrowserWindow} = electron;let mainWindow = electron;app.on('ready',()=>{ mainWindow = new...