当前位置:首页 > electron > 正文内容

electron修改vue项目打包后的exe图标

xi4年前 (2022-03-06)electron1297

安装electron-icon-builder

添加图标生成器:npm i electron-icon-builder

生成图标

1、在package.json的scripts中添加一条命令并保存:
“electron: generate-icons”: “electron-icon-builder –input=./public/icon.png –output=build –flatten”

2、将你准备的图片命名为icon.png并复制到public目录下:

3、执行命令:npm run electron: generate-icons

4、生成的一系列图片在项目中多出来的build目录下的icons下:

重新打包

1、删除dist_electron文件夹,重新执行打包命令,npm run electron: build
2、打包完成后发现exe图标改变了:

扫描二维码推送至手机访问。

版权声明:本文由曦的博客发布,如需转载请注明出处。

本文链接:http://xiblogs.top:1111/?id=16

“electron修改vue项目打包后的exe图标” 的相关文章

electron-builder打包配置说明

发现问题通过vue建立的项目使用electron-builder打包出exe后发现名字就直接是项目文件夹的名字,但此时想自定义汉字名称,通过尝试直接修改package.json中的name后发现此法仅限于修改为英文名称,汉字会报错无法打包。 踩坑过程在网上翻阅后发现有人直接在package.jso...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。