1. 배포할 프로젝트 디렉토리에서
npm install --save-dev electron-builder
2. 배포할 프로젝트의 package.json 의 scripts 에 추가
"build:osx": "electron-builder --mac",
"build:linux": "npm run build:linux32 && npm run build:linux64",
"build:linux32": "electron-builder --linux --ia32",
"build:linux64": "electron-builder --linux --x64",
"build:win": "npm run build:win32 && npm run build:win64",
"build:win32": "electron-builder --win --ia32",
"build:win64": "electron-builder --win --x64"
3. package.json에 추가되는 소스
"author": "{
"name": "이름",
"email": "이메일"
}"
"dependencies": {
"dropbox": "^2.5.12",
"electron-is-dev": "latest"
},
"devDependencies": {
"electron-builder": "^22.10.5",
"electron": "12.0.0",
"electron-is-dev": "latest"
},
"build": {
"productName": "BuilderPRO",
"appId": "com.builder.pro",
"asar": true,
"protocols" : {
"name" : "BuilderPRO",
"schemes" : ["BuilderPRO"]
},
"mac": {
"target": [ "default" ],
"icon": "./resources/installer/Icon.icns"
},
"dmg": {
"title": "BuilderPRO",
"icon": "./resources/installer/Icon.icns"
},
"win": {
"target": [ "zip", "nsis" ],
"icon": "./resources/installer/Icon.ico"
},
"linux": {
"target": [ "AppImage", "deb", "rpm", "zip", "tar.gz" ],
"icon": "./resources/linuxicon",
"maintainer": "이름 <이메일주소>"
},
"nsis":{
"oneClick" : false,
"allowToChangeInstallationDirectory" :true
},
"directories": {
"buildResources": "resources/installer/",
"output": "dist/",
"app": "."
}
}
4. Linux에서 빌드할 때
sudo apt-get install rpm
설치 오류발생하면
sudo apt --fix-broken install 후 다시 설치
5. OS에 따른 실행파일 생성 명령어
- Windows 32/64비트 : npm run build:win
- Windows 32비트 : npm run build:win32
- Windows 64비트 : npm run build:win64
- Mac : npm run build:osx
- Linux 32/64비트 : npm run build:linux
- Linux 32비트 : npm run build:linux32
- Linux 64비트 : npm run build:linux64
Electron 개발 (0) | 2021.03.05 |
---|