vue+electron-builder打包桌面应用程序,改变桌面图标和程序左上角图标显示不全的问题
vue+electron-builder打包桌面应用程序,改变桌面图标和程序左上角图标显示不全的问题
·
electron版本19.0.6
使用electron-builder打包项目
生成桌面应用程序图标的过程(参考electron实战书籍)
1、准备1024*1024尺寸的png格式的图片,将该图片放在/public目录下
2、安装electron-icon-builder组件
yarn add electron-icon-builder --dev
3、在package.json的scripts配置节点增加如下配置
"build-icon":"electron-icon-builder --input=./public/xxx.png --output=build --flatten"
4、执行生成应用程序图标的指令
yarn build-icon
此时会在/build/icons中生成各种大小的图标文件
到这里桌面应用程序的图标已经换掉了,但是我发现打开该应用程序后左上角的图标显示不全,如下,只展示了一小部分
各种搜索,有的说是需要图片小于100KB,有的说是图片需要.ico格式,有的说图片必须256*256
.但是无效
最终我的解决方案如下:
图片是1024*1024,格式为.png,大于100KB
只需要在vue.config.js中配置如下(红色框)
更多推荐
已为社区贡献1条内容
所有评论(0)