4.将对应的压缩包拷贝到目录中去完整解压,最终效果如下: 完成之后再运行electron-builder是不是直接就打包完成了呢。 参考:https://www.cnblogs.com/DevFans/p/14402077.html 3:启动白屏的问题: 在 vue.config.js 下 添加 如下配置代码:publicPath: process.env.NODE_ENV === 'production' ? './' : '/'...
2)vite打包配置修改,vite.config.js,默认配置如下 import{fileURLToPath,URL}from'node:url'import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importelectronfrom'vite-plugin-electron'// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue(),electron({entry:'electron/main.js'...
electron-builder --win --x64,其中,--win可简写为-w,--64表示64位系统软件;如果要打包一个32位系统的软件,可以添加参数--ia32 四、打包完成 npm run electron:build// 构建打包客户端-会在根目录生成dist_electron文件夹,其中的XXX Setup XXX.exe就是安装包 五、其他配置 在package.json文件中,有一个buil...
在上文中下载的Source code(zip),本地进行解压,其中就会有我们需要的nsis-3.0.4.1这个包。 在其中找到nsis,重命名为nsis-3.0.4.1,命名规则是根据打包报错中需要下载的文件命名的,https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-3.0.4.1/nsis-3.0.4.1.7z,需要下载的就是nsi...
好巧,我们用的就是vue CLI3,点进去看看,然后get Start,点击左侧菜单Configuring image.png TIP All CLI arguments passed to electron:build will be forwarded to electron-builder. 这句话的意思就是:这些参数都是通过electron:build命令来提交给electron-builder的。
"appId": "com.shuzhiqiang.vue", "productName": "强哥安装包名称", "copyright": "强哥版权所有", "asar": false, "files": ["dist/**/*", "build/electron.js"], "directories": { "output": "install" }, "win": { "icon": "./dist/static/favicon.png", ...
打包命令为:"cross-env MODE=production npm run build --emptyOutDir && electron-builder build --config electron-builder.json --dir --config.asar=false"
https://nklayman.github.io/vue-cli-plugin-electron-builder/ 1. 用vuecli创建一个vue工程 过程省略 2. 安装electron-builder vue add electron-builder // 安装的东西很多,注意网络 // 可以先安装cnpm install --save-dev electron-chromedriver
https://nklayman.github.io/vue-cli-plugin-electron-builder/ 1. 用vuecli创建一个vue工程 过程省略 2. 安装electron-builder vue add electron-builder // 安装的东西很多,注意网络 // 可以先安装cnpm install --save-dev electron-chromedriver
在使用vue-cli-plugin-electron-builder打包后发现应用程序没有执行preload.js文件于是查找原因 根据查阅的资料打包后的源文件放在\dist_electron\win-unpacked\resources\app.asar,app.asar是一个压缩文件需要解压才能看到里面的内容 npm install -g asar /** ...