👋

electron-vue-template iconの変更方法

に公開
Electron
icon
しんどい
tech

2日つぶしたので共有

electron-vue-template(Vite) において、iconを変更したい。

調べてみると、package.jsonを変更しろと出てきて、いろいろ変更してみた。

しかし、書いてあることをやってもことごとく失敗。

絶望していた時に、ふと、ルートフォルダを見ると、

electron-builder.jsonのファイルがあることを発見！！

{
    "appId": "com.electron.app",
    "directories": {
        "output": "dist"
    },

    "nsis": {
        "oneClick": false,
        "perMachine": false,
        "allowToChangeInstallationDirectory": true,
        "shortcutName": "Electron App"
    },
    "win": {
        "target": "nsis",
        "icon":"icon.ico" <------ここを追加し、ルートに icon.icoを入れるとできた！！！
    },
    "linux":  {
        "target": ["snap"]
    },
    "files": [
        {
            "from": "build/main",
            "to": "main",
            "filter": ["**/*"]
        },
        {
            "from": "build/renderer",
            "to": "renderer",
            "filter": ["**/*"]
        },
        {
            "from": "src/main/static",
            "to": "static",
            "filter": ["**/*"]
        },
	"!build",
	"!dist",
	"!scripts"
    ]
}

やった！！

https://win.just4fun.biz/?Windows10/アイコンが変わらない場合はアイコンキャッシュDBを削除

この記事で、アイコンが反映されない問題は解決する

Discussion