关于electron在打包(electron-builder)项目时如何更换图标
之前在打包项目时,没想那么多,能打包成功并运行即可,也许是强迫症吧,看这个默认图标就有些不耐烦了,就网上找找方法,于是自己做了一个 .ico 文件。
这里先提供 .png转.ico格式教程:
https://jingyan.baidu.com/article/aa6a2c148372210d4c19c4ba.html
----------------------------------转成-----------------------------------
之后将其放到electron项目的build文件夹中:
但这样子直接拿去打包时往往不够的,
打包出来后还是半成品,部分图标没有正确显示,比如:
这是因为咱们的图标没有它要的尺寸,所以就呈现出默认的形式。
所以我们还需要类似俄罗斯套娃一样的操作,即将简单的 .ico文件套娃一下,这里我用的工具是icoFX:
这里直接下载即可使用,
运行程序:
然后打开你的ico文件,点击“图像”—“从图像创建window图标…”—“点击确定”
然后将该文件保存到electron项目的build文件夹中。
然后修改package.json:
// 在"build"中添加如下 "icon": "build/taowa-ico.ico"
"win": {
"target": "squirrel",
"icon": "build/taowa-ico.ico"
}
然后
npm run dist

即可完成本次修改操作:
版权声明:本文为weixin_41262999原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。