"compression": "maximum", //压缩级别,指定打包时使用的压缩级别。这里设置为"maximum"表示最大压缩 "asar": true, // 是否启用 asar 打包,asar 是 Electron 提供的一种文件打包方式,能够提高应用程序的性能和安全性。 "directories": { //指定输出目录,打包完成后的文件会放置在该目录下。 "output": "rele...
(Use `electron --trace-warnings ...` to show where the warning was created) 这里是由于项目前端部分没有打包,打包文件未读取到,这里改造一下命令 "scripts": { "dev": "vite", "build": "vite build", "preview": "vite preview", "start": "vite build&&electron-forge start", "package": "...
import{ createRouter, createWebHashHistory }from'vue-router'constrouter = createRouter({// history: createWebHistory(import.meta.env.BASE_URL),history: createWebHashHistory(),// vue 打包后要用 hash 模式,否则 electron 无法加载routes: [ ... ] })exportdefaultrouter vite.config.ts配置打包后资源...
运行npm run build重新打包vue ,仍然复制到electron目录下,替换掉原有文件。 reload一下 4.打包 在electron项目下安装electron-builder到开发依赖. 每次打包,都要复制dist文件到electron下,可以用一个命令代替xcopy ..\\dist /S /y,其中/S表示文件夹也要复制,/Y表示替换掉原有文件,copy不能复制文件夹,必须用xco...
参考网址 Vue+Electron打包桌面应用(从零到一完整教程)_vue打包electron-CSDN博客[https://blog.csdn.net/weixin_686...
最近开发了一个项目,头一回使用electron,很多写代码的习惯都还是原来的。有个功能是切换菜单,UI是要按钮变色,本来想用icon应付一下,但是又不想去收集icon,就用了...
release 打包后编译输出的目录,该目录的根目录下存放打包后的安装包 bundled 该目录存放vue打包后的文件(html js css img等) win-unpacked 该目录存放编译后生成的可执行文件及相关的dll,不包含安装包 resource 资源目录 unrelease 该目录存放编译期需要的资源 ...
Vite + Vue3 + Electron 打包后静态资源路径错误 图片src 如果是动态拼接的话,路径指向会出现问题 import { ref } from "vue"; const filename = ref("vite.svg"); <template> </template> 第一个路径不正确:file:///G:/vite.svg 第二个路径为:file:///G:/vite-electron/release...
在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命令修改如下。
"app:build": "yarn build:for:electron && yarn electron:builder":首先运行"yarn build:for:electron"命令构建适用于 Electron 的应用程序。然后使用"yarn electron:builder"命令来打包 Electron 应用程序。 4.2、添加main节点: "main":"electron/index.js", ...