Create MacOS, Windows and Linux cross-platform applications with Electron packager.
I will use the example from my tutorial. Install electron-packager:
|
1 |
\nodejs\electronapp>npm install electron-packager --save-dev |
You need to add and modify the scripts below into your package.json:
|
1 2 3 4 5 6 7 |
"electron-packager": "^8.1.0" }, "scripts": { "package-mac": "electron-packager . --overwrite --platform=darwin --arch=x64 --icon=assets/icons/mac/icon.icns --prune=true --out=release-builds", "package-win": "electron-packager . electron-tutorial-app --overwrite --asar=true --platform=win32 --arch=ia32 --icon=assets/icons/win/icon.ico --prune=true --out=release-builds --version-string.CompanyName=CE --version-string.FileDescription=CE --version-string.ProductName=\"TutorialApp\"", "package-linux": "electron-packager . electron-tutorial-app --overwrite --asar=true --platform=linux --arch=x64 --icon=assets/icons/png/1024x1024.png --prune=true --out=release-builds" } |
You can create this folders assets, icons, win, mac and png, see:
|
1 2 3 4 5 6 7 |
\nodejs\electronapp>mkdir assets \nodejs\electronapp>cd assets \nodejs\electronapp\assets>mkdir icons \nodejs\electronapp\assets>cd icons \nodejs\electronapp\assets\icons>mkdir win \nodejs\electronapp\assets\icons>mkdir mac \nodejs\electronapp\assets\icons>mkdir png |
You need one icon file with this extension .png , .ico and .icns for each folder. You can… Read More »