Electron - 배포하기

Seongkyun Yu·2021년 3월 5일
2

TIL-Electron

목록 보기
4/4

electron-builder

Electron은 여러가지 Builder가 있지만 여기선 electron-builder를 사용하겠다.

먼저 패키지를 설치한다.

npm install -D electron-builder

package.json

package.json에 다음과 같은 설정을 추가한다.

"build": {
  "productName": "Electron",
  "asar": true,
  "mac": {
    "target": [
      "default"
    ],
    "icon": "./src/main/assets/icons/icon.icns"
  },
  "dmg": {
    "title": "Electron",
    "icon": "./src/main/assets/icons/icon.icns"
  },
  "win": {
    "target": "nsis",
    "icon": "./src/main/assets/icons/icon.ico"
  },
  "nsis": {
    "oneClick": false,
    "allowToChangeInstallationDirectory": true
  },
  "files": [
    "src/**/*"
  ]
},

"scripts": {
  "start": "electron .",
  "build": "webpack --config webpack.config.js",
  "build-mac": "electron-builder --mac",
  "build-win32": "electron-builder --win --ia32",
  "build-win64": "electron-builder --win --x64",
},

각 OS별 아이콘 타입 등을 설정하고 script를 작성한다.

profile
FrontEnd Developer

0개의 댓글