4.将对应的压缩包拷贝到目录中去完整解压,最终效果如下: 完成之后再运行electron-builder是不是直接就打包完成了呢。 参考:https://www.cnblogs.com/DevFans/p/14402077.html 3:启动白屏的问题: 在 vue.config.js 下 添加 如下配置代码:publicPath: process.env.NODE_ENV === 'production' ? './' : '/'...
执行命令后即开始打包,无报错结束后及打包完成。 (其中有提示告诉我可以升级electron builder到最新版本) 打包完成后,可以看到项目文件夹中自动生成了两个目录"dist"和"node_modules","node_modules"文件夹是空的,因为我是全局安装的electron,"dist"文件夹中包含一个名为"win-unpacked"的文件夹和一个与package.json...
需要在vue.config.js中对electron-builder进行配置(没vue.config.js的自己建一个就ok了),具体配置如下: module.exports= { //判断开发模式还是生产模式 publicPath: process.env.NODE_ENV==='production'?'./':'/', //插件配置 pluginOptions: { //electronBuilder配置 electronBuilder: { builderOptions: { ...
npm install -D concurrently wait-on cross-env: 该库让开发者只需要注重环境变量的设置,而无需担心平台设置 electron-builder: electron打包库 npm install -D cross-env electron-builder 3、配置文件 1)vite.config.js import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // htt...
module.exports={//判断开发模式还是生产模式publicPath:process.env.NODE_ENV==='production'?'./':'/',//插件配置pluginOptions:{//electronBuilder配置electronBuilder:{builderOptions:{'productName':'all electron',//生成exe的名字"appId":"com.xi.www",//包名"copyright":"xi",//版权信息"directories"...
env.NODE_ENV的值判断当前的运行环境,这里的运行环境需要说明一下,当我们使用下面配置的npm run dev-electron运行时,该值为"development",当我们将渲染层代码打包后,使用npm run prod-electron运行时,该值为"production",然而当我们使用electron-builder打包出来的安装包运行时,该值不存在为undefined。因此只有当该值...
由于项目使用的是electron-builder打包器来打包的,这里主要针对electron-builder打包配置来讲解。 1.下面是常用的electron-builder打包配置 package.json文件 { "name": "demo", "version": "0.0.1", "build": { // electron-builder配置 "productName":"xxxx",//项目名 这也是生成的exe文件的前缀名 "appId"...
3.electron-builder 版本问题。 步骤1:如果您使用的也是低版本的vue-electron,请先手动升级electron版本,至于5、8+、12这几个版本升级废弃的配置,以及对既有项目的影响,还是要注意。我这里例举几个 (1) 单实例启动的变化 const shouldQuit = app.makeSingleInstance(() => { ...
electron-builder调试输出正确方式 electron-builder进行打包的时候,会建议你在此之前使用electron-builder install-app-deps的命令。该命令的作用就是针对即将打包的electron程序对应的node版本进行原生模块的编译工作,以达到模块运行时匹配。实际上,install-app-deps内部依然使用了node-gyp相关知识,关于这一块的知识,读者可...
2017.11.06 更新:electron-builder 提供了 electron-updater 模块,具体请查阅:《Quick and painless automatic updates in Electron》。 由于我之前也调研了 Electron 的自动更新方面的知识,所以我会在保留原文所有信息的前提下,加入了一些备注(如作者的一些错误信息和补充了我个人的一些认识)。