electron修改vue項目打包后的exe圖標


vue用electron打包點擊這里

安裝electron-icon-builder

添加圖標生成器:npm i electron-icon-builder
image

生成圖標

1、在package.json的scripts中添加一條命令並保存:
"electron:generate-icons": "electron-icon-builder --input=./public/icon.png --output=build --flatten"
image
2、將你准備的圖片命名為icon.png並復制到public目錄下:
image
3、執行命令:npm run electron:generate-icons
image
4、生成的一系列圖片在項目中多出來的build目錄下的icons下:
image

重新打包

1、刪除dist_electron文件夾,重新執行打包命令,npm run electron:build
2、打包完成后發現exe圖標改變了:
image


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM