Electron Packager - 为 OSX 和 Windows 设置应用程序图标

Question

我正在使用 electron packager 为 windows 和 OSX 平台构建我的 electron 应用程序。

package.json:

"build": "electron-packager . $npm_package_productName --out=dist --ignore='^/dist$' --prune --all --icon=icon.icns"

我运行我的构建过程 npm run build。

问题：

如何在 package.json 中使用 electron packager 脚本来设置 windows 和 osx 图标？

问题：

以上脚本仅为 OSX 设置应用程序图标。
它没有为 windows 应用程序设置图标（NPM 抛出失败）。

解法：

我不得不在 OSX 上安装 wine。否则无法使用 --icon 标签构建 windows exe。为什么？因为 electron-packager 使用 node-rcedit，这需要 wine。

在我的 package.json:

"pack:osx": "electron-packager . $npm_package_productName --out=dist/osx --platform=darwin --arch=x64 --icon=assets/build/osx/icon.icns && npm run codesign",
"pack:win32": "electron-packager . $npm_package_productName --out=dist/win --platform=win32 --arch=ia32",
"pack:win64": "electron-packager . $npm_package_productName --out=dist/win --platform=win32 --arch=x64 --version=0.36.2 app-version=1.0 --icon=assets/build/win/icon.ico",
"build": "npm run pack:osx && npm run pack:win32 && npm run pack:win64"

npm run build 开始进程..

Answer 1

解法：

我必须在 OSX 上安装 wine。否则无法使用 --icon 标签构建 windows exe。为什么？因为 electron-packager 为此使用 node-rcedit，这需要酒。

在我的 package.json:

"pack:osx": "electron-packager . $npm_package_productName --out=dist/osx --platform=darwin --arch=x64 --icon=assets/build/osx/icon.icns && npm run codesign",
"pack:win32": "electron-packager . $npm_package_productName --out=dist/win --platform=win32 --arch=ia32",
"pack:win64": "electron-packager . $npm_package_productName --out=dist/win --platform=win32 --arch=x64 --version=0.36.2 app-version=1.0 --icon=assets/build/win/icon.ico",
"build": "npm run pack:osx && npm run pack:win32 && npm run pack:win64"

npm run build 开始进程..

Answer 2

我的天哪，这让我花了很长时间才弄清楚。应用程序名称不能包含任何非法字符（没有大写或连字符等）。奇怪的是，使用这个“非法”字符可以正确生成可执行文件名称，但图标将无法应用！

格式错误

electron-packager ./electron APPLICATION-NAME --overwrite --asar --electron-version=13.1.7 --platform=win32 --arch=x64 --prune=true --out=release-builds --icon=./icon.ico"

格式正确

electron-packager ./electron applicationname --overwrite --asar --electron-version=13.1.7 --platform=win32 --arch=x64 --prune=true --out=release-builds --icon=./icon.ico"

Answer 3

您可以使用 electron-packager 将您的 electron 应用程序打包成可执行文件可以使用

安装

npm install --save-dev electron-packager

之后，运行这个命令

dir - 指定应用程序源存储
appName - 您要调用的应用程序的名称
option --icon 帮助你添加一个应用程序图标，例如：我的存储在构建中文件夹
选项 --arch 指定目标系统架构
版本选项，用于指定您正在编译的电子版本与（在 package.json 中查看您正在使用的特定电子）

run

npx electron-packager dir appName --overwrite --asar --electron-version=13.4.0 --platform=win32 --arch=x64 --prune=true --out=release-builds --icon=./build/icon.ico

这些是一些最重要的选项。如果您需要任何认证，请告诉我

Electron Packager - 为 OSX 和 Windows 设置应用程序图标

Electron Packager - set App Icons for OSX & Windows

electron