【Electron-vue】创建桌面应用(12)- 修改electron窗口图标和桌面图标

1.前言

直到今天Electron-vue项目终于到打包联调的的最后阶段了,在本地调试没有问题的情况下,需要进行最后一步的模拟真实环境下的调试了。

默认打包将会使用默认的图标,所以打包之后的项目需要做以下几点修改

  1. 静态资源路径的修改
  2. 打包后窗体图标的修改
  3. 安装之后的图标修改

将会在下面的配置修改中统一处理

2.配置修改

2.1 静态资源路径的修改

由于我需要去调度/执行另外一个exe文件,所以我需要将开发环境生产环境作区分,所以需要配置不同环境下的exe文件(暂时称为服务端exe)的路径。

服务端exe在开发环境下,我是放到主进程文件src/main/index.js统计目录中,以便测试之用。

开发环境下

// 开发环境
let cmdStr = `${
     __dirname}/main.exe`

而实际的生产环境中需要将main.exe文件放到build打包后的可执行文件目录的同级目录,比如我执行build命令之后会在会在build文件夹下生成这种目录:
在这里插入图片描述
而生成的exe文件会在win-unpackaged目录下,然后将服务端main.exe文件copy到该目录下即可,

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值