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 --config vite.config.electron.ts:指定vite运行时的配置文件。 {"name":"electron_vite","private":true,"version":"1.0.0","main":"dist-electron/main.js","type":"commonjs","scripts": {"dev":"chcp 65001&&vite","build":"vue-tsc && vite build","preview":"vite preview","electron:...
首先配置一下打包的命令,在"scripts"里面配置这个打包命令 "electron:build": "vite build && electron-builder" 添加一个build属性对象,里面主要配置打包的信息 "build": { "productName": "ElectronDeskTopTool", "appId": "dyy.dongyuanwai", "copyright": "dyy.dongyuanwai © 2024", "compression": "...
可通过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_...
【win&mac】30分钟学会Vite创建和打包Electron+Vue3,前端跨平台桌面应用零基础入门教程【2024新版ESM规范】共计6条视频,包括:1.基于 Vite 创建 Vue3 项目、2.安装和配置 Electron、3.兼容 mac等,UP主更多精彩视频,请关注UP账号。
主要配置就这几个,都是没错的 既然配置没有问题的话,只能排查一下了,可以从两个方面入手: 手动vite build,然后开发环境下读取dist下编译的文件(而不去读热加载的url),看看是否白屏以及有无报错 使用https://www.npmjs.com/package/electron-log,这个库,将可能的报错点输出成日志文件,在打包后查看日志 还有麻烦...
vite.config.ts配置打包后资源引用路径为相对路径,否则打包后 electron 无法加载 并设置打包输出路径放在electron目录 exportdefaultdefineConfig({ base:'./',// 改成相对路径,否则打包后 electron 无法加载plugins: [vue()], resolve: { alias: {'@': fileURLToPath(newURL('./src',import.meta.url)) ...
npm init electron-app@latest my-app -- --template=vite 可选模板 webpack webpack-typescript vite vite-typescript 安装VUE npm install --save vue 修改Vite配置 脚手架生成的Vite 配置文件 有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.renderer.config.mjs。这里修改vite.renderer....
"start": "vite build&&electron-forge start", "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 ...