본문 바로가기

Programming/Javascript

electron 실행파일 만들기(electron-packager)

반응형

1. Electron-packager 설치

npm install electron-packager --save-dev

2. package.json파일 수정

- "scripts" 내부의 "build" 부분을 추가해 줍니다. phonebook이라고 되어있는 부분이 실행앱 이름이 됩니다.

{
  "name": "electron-quick-start",
  "version": "1.0.0",
  "description": "A minimal Electron application",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "build": "electron-packager . phonebook"
  },
  "repository": "https://github.com/electron/electron-quick-start",
  "keywords": [
    "Electron",
    "quick",
    "start",
    "tutorial",
    "demo"
  ],
  "author": "GitHub",
  "license": "CC0-1.0",
  "devDependencies": {
    "electron": "^9.0.5",
    "electron-packager": "^15.0.0"
  }
}

 

3. 빌드 실행

npm run build

 

4. 현재 프로젝트 내부에 위에서 입력한 앱 이름과 현재 시스템명이 조합된 폴더가 하나 생성되고,

그 내부에 실행파일이 위치하게 됩니다. 배포할 때에는 이 폴더를 통째로 Zip파일로 만들어 배포하거나, windows installer를 이용해 배포프로그램을 만듭니다. 

반응형