一、准备图标文件

1、图标格式要求

二、配置 Electron 打包工具

方法一：使用 electron-packager

1.项目结构：

your-app/
├── icons/
│   ├── app.ico      # Windows 图标
│   └── app.icns     # macOS 图标
├── package.json
└── ...

2.修改打包命令：

# Windows
electron-packager . app-name --platform=win32 --arch=x64 --icon=icons/app.ico

# macOS
electron-packager . app-name --platform=darwin --arch=x64 --icon=icons/app.icns

# Linux
electron-packager . app-name --platform=linux --arch=x64 --icon=icons/app.png

方法二：使用 electron-builder（推荐）

1.配置 package.json：

{
  "build": {
    "win": {
      "icon": "icons/icon.ico",
      "target": ["nsis"]
    },
    "mac": {
      "icon": "icons/icon.icns",
      "target": ["dmg"]
    },
    "linux": {
      "icon": "icons/icon.png",
      "target": ["AppImage"]
    }
  }
}

2.文件结构

your-app/
├── build/
│   ├── icon.icns
│   ├── icon.ico
│   └── icon.png
├── package.json
└── ...

2.打包命令

# 全平台打包
electron-builder -wml

# 仅打包 Windows
electron-builder --win

三、常见问题

问题：图标未生效

解决方案：

1.清理缓存文件：

rm -rf ~/.cache/electron
rm -rf node_modules
npm install

2.检查图标路径（使用绝对路径更可靠）：

path.join(__dirname, 'build/icon.ico')

3.确保图标文件未被其他进程占用