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

Question

我正在用windows和OSX平台的电子打包器构建我的电子应用程序.

的package.json:

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

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

题:

如何在package.json中使用电子打包器脚本来设置windows AND osx图标？

问题:

以上脚本仅为OSX设置应用程序图标.
它没有设置Windows应用程序的图标(NPM抛出失败).

解:

我不得不在我的OSX上安装葡萄酒.否则,无法使用--icon标记构建Windows exe.为什么？因为电子包装商使用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 1

解:

我不得不在我的OSX上安装葡萄酒.否则,无法使用--icon标记构建Windows exe.为什么？因为电子包装商使用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

您可以使用 electro-packager 将您的电子应用程序打包成可执行文件，可以使用以下命令安装

npm install --save-dev electron-packager

之后，运行此命令

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

跑步

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

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