vite项目配置electron 打包,基于打包完成的dist文件 1、安装electron插件 1 yarn add --dev electronyarn add -D electron-builder 2、修改vite.config.js/vite.config.ts base 指向dist 1 base:'./' 3、增加electron的配置文件 electron\electron.js
在项目根目录下运行以下命令来打包Electron应用程序: bash npm run electron:build 打包完成后,你可以在dist_electron目录中找到生成的可执行文件(例如MyElectronApp Setup.exe)。 注意事项 确保Vite和Electron的版本兼容。 在打包前,请确保Vite项目已经成功构建(运行npm run build)。 如果遇到任何问题,请检查配置和代...
// 导出 Vite 插件函数exportconst viteElectronBuild = (): Plugin => {return{ // 插件名称 name:'vite-electron-build', // closeBundle 是 Vite 的一个插件钩子函数,用于在 Vite 构建完成后执行一些自定义逻辑。closeBundle() { // 定义初始化 Electron 的函数 const initElectron = () => { // ...
npm init electron-app@latest my-new-app---template=vite-typescript 创建完成后会得到初始目录 初始目录 之后可根据vite规范创建其他目录/文件,比如/public、.env等 完整目录 多页配置 如要配置多HTML页面可在vite.renderer.config.ts文件中添加,具体内容可参考vite相关文档 多页打包配置 默认情况下,vite会对静态...
Vite+Electron快速构建一个VUE3桌面应用(三)——打包 二. 思路 先说结论,重点还是在于mainWindow.loadURL()。 打包后还是加载http://localhost:3000是无法运行的,因此,此处需要先用vite打包好,然后使用electron-builder加载vite打包后的文件进行打包。 为了代码能够根据不同环境在运行时加载http://localhost:3000,在...
Vite+Electron快速构建一个VUE3桌面应用(三)——打包 二. 思路 先说结论,重点还是在于mainWindow.loadURL()。 打包后还是加载http://localhost:3000是无法运行的,因此,此处需要先用vite打包好,然后使用electron-builder加载vite打包后的文件进行打包。 为了代码能够根据不同环境在运行时加载http://localhost:3000,在...
至此,import electron from 'electron' 也可以正常工作了 // ✅ 可以正常工作 import { ipcRenderer } from 'electron' 总结 Vite 个人觉得是个不错的方案,毕竟打包工具早晚会推出历史舞台;Vite 往前又迈了 0.5步 Electron 的集成只是一个案例,从一个案例出发到写一个插件,你会更好的理解 Vite 设计、思想 ...
3.需要你 npm run build 先打包一遍生成 dist 4.在 dist 1.在项目里面 会有index.html 所以不用自己生成 2.pageage.json (也别自己建 看下文) 3.只需要建main.js 文件配置 1. npm install electron electron -v 检查下版本 是否下载成功 先下载这一步 这样就会自动帮你生成 package.json 然后你再去jso...
「求助大佬」electron 集成sqlite问题,打包报错, 视频播放量 990、弹幕量 0、点赞数 5、投硬币枚数 0、收藏人数 3、转发人数 2, 视频作者 夜航星-前进四, 作者简介 ,相关视频:electron+vite+vue3+NeDB制作3D立体相册,11.5k这个vue3组件库太炫丽了,不愧是下一代组件库,