[Electron] 일렉트론 exe 실행 파일 빌드 npm run build:win64

실행파일 빌드 윈도우 64비트 기준입니다

 

빌드하고싶은 폴더 터미널에서 아래 npm 설치

npm install -g electron-builder

 

package.json내용추가

 

- scripts 에 build 부분 추가

- build 부분에 win icon 추가 (실행파일 이미지 경로)

{
  "name": "프로젝트이름",
  "version": "1.0.0",
  "description": "A minimal Electron application",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "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 portable --ia32",
    "build:win64": "electron-builder --win portable --x64"
  },
  "repository": "https://github.com/electron/electron-quick-start",
  "keywords": [
    "Electron",
    "quick",
    "start",
    "tutorial",
    "demo"
  ],
  "author": "GitHub",
  "license": "CC0-1.0",
  "devDependencies": {
    "electron": "^12.0.0"
  },
  "dependencies": {
    "electron-reload": "^1.5.0",
    "jquery": "^3.6.0"
  },
  "build": {
    "win": {
      "icon": "실행파일 이미지 경로"
    }
  }
}

 

파일빌드 시작 명령어

npm run build:win64

 

빌드를 하게 되면 dist 폴더가 생기면서 exe 파일이 같이 생성되어있다