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 这样,你的Electron应用就会被打包成相应的安装包文件了。希望这些步骤能够帮助你成功地使用Vite打包Electron应用!
可通过vite-plugin-environment插件在主进程中直接把环境变量编译为常量 vite.main.config.ts main.ts(编译前) main.ts(编译后) 应用配置 在forge.config.ts中可配置应用名称、版本号、资源是否打包等 constconfig:ForgeConfig={packagerConfig:{asar:true,appVersion:process.env.APP_VERSION,name:process.env.APP_...
在「vite.config.ts」中配置vite-plugin-electron插件入口 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import electron from 'vite-plugin-electron' // https://vitejs.dev/config/ export default defineConfig({ plugins: [ vue(), electron({ // 主进程入口文件 entry:...
使用vite.chonfig.ts文件复制一份名为vite.config.electron.ts的electron专属配置文件。 删除vite.chonfig.ts中的vite-plugin-electron插件,恢复初始化的样子。 在package.json文件添加命令"electron:dev": "chcp 65001 && vite --config vite.config.electron.ts" ...
【win&mac】30分钟学会Vite创建和打包Electron+Vue3,前端跨平台桌面应用零基础入门教程【2024新版ESM规范】共计6条视频,包括:1.基于 Vite 创建 Vue3 项目、2.安装和配置 Electron、3.兼容 mac等,UP主更多精彩视频,请关注UP账号。
这篇文章主要记录一下Electron结合前端框架Vue + Vite的应用,整合三者框架并实现一键打包 目录结构 Vue 源码依旧放在src Electron 相关放在electron Vue + Vite 作为前端经常使用的,简单提一下 执行创建 Vue 项目指令 npm create vue@latest 创建一个包含Vue + Vite + TS + Pinia + ESLint + Prettier的项目 ...
一. 简介 上一篇文章Vite+Electron快速构建一个VUE3桌面应用(二)——动态模块热重载完成了开发时的动态模块热重载功能,现在是时候来看看怎么完成最后一步——打包了。 源码:https://github.com/Kuari/Blog/tree/master/Examples/vite_electron/vite_electron_3 系列文章:
"package": "vite build&&electron-forge package", "make": "vite build&&electron-forge make" } 再次运行npm run start 正常显示如下 执行npm run package和npm run make进行项目打包 这里的原因是package.json没有配置author和description "author": "nie-ch", ...