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
// 导出 Vite 插件函数exportconst viteElectronBuild = (): Plugin => {return{ // 插件名称 name:'vite-electron-build', // closeBundle 是 Vite 的一个插件钩子函数,用于在 Vite 构建完成后执行一些自定义逻辑。closeBundle() { // 定义初始化 Electron 的函数 const initElectron = () => { // ...
Vite+Electron快速构建一个VUE3桌面应用(三)——打包 二. 思路 先说结论,重点还是在于mainWindow.loadURL()。 打包后还是加载http://localhost:3000是无法运行的,因此,此处需要先用vite打包好,然后使用electron-builder加载vite打包后的文件进行打包。 为了代码能够根据不同环境在运行时加载http://localhost:3000,在...
其中<package_name>为要安装的npm包名称。 在electron+vue3+vite的环境下打包,出现如下报错信息的解决方法: node_modules\vue-tsc\index.js:39 throw err; ^ReferenceError: sys is not defined at eval 解决方法1: 将vue-tsc 升级到2.0以上版本。 解决方法2: 将package.json里的build命令修改如下。
在项目根目录下运行以下命令来打包Electron应用程序: bash npm run electron:build 打包完成后,你可以在dist_electron目录中找到生成的可执行文件(例如MyElectronApp Setup.exe)。 注意事项 确保Vite和Electron的版本兼容。 在打包前,请确保Vite项目已经成功构建(运行npm run build)。 如果遇到任何问题,请检查配置和代...
vue3作为国内主流开发框架,而vite又是vue团队推荐打包工具,在大多数的项目中都是部署在服务器上,通过http://协议访问ip、域名,但是在一些混合式开发如android或者electron中需要提供的html页面,然后使用file:…
✔ Add TypeScript?… No/Yes//这个可能是是否需要程序热更新功能✔ Add Electron updater plugin?… No/Yes//强烈推荐这个选yes,不能build会有问题✔ Enable Electron download mirror proxy?… No/Yes//初始化npm install//运行npm run dev//打包成发布版npm run build:win ...
最近开发了一个项目,头一回使用electron,很多写代码的习惯都还是原来的。有个功能是切换菜单,UI是要按钮变色,本来想用icon应付一下,但是又不想去收集icon,就用了...
尽管使用了"内置电池 - batteries-included"的Electron forge进行打包,依然出现了不少问题并花费大量时间处理,特此记录以便后续查阅。 初始环境 使用了Electron官方推荐的Electron Forge创建项目环境(Vite+Ts)模板 npm init electron-app@latest my-new-app---template=vite-typescript 创建...