web-dev-qa-db-ja.com

Electron Packager-OSXおよびWindows用のアプリアイコンの設定

WindowsおよびOSXプラットフォーム用のエレクトロンパッケージャーでエレクトロンアプリケーションを構築しています。

package.json:

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

npm run buildでビルドプロセスを実行します。

質問:

Package.jsonのelectronパッケージャースクリプトを使用して、ウィンドウと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はプロセスを開始します。

19
MarcJohnson

解決策:

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プロセスを開始します。

8
MarcJohnson