본문 바로가기

Programming/Javascript

electron 배포파일 만들기(electron-builder)

반응형

 

1. electron-builder 설치 

npm install electron-builder --dev-save

 

2. package.json파일 수정

"scripts" 부분에 "deploy"를 추가하고,

"build" 부분을 추가합니다.

{
  "name": "electron-quick-start",
  "version": "1.0.0",
  "description": "A minimal Electron application",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "deploy":"electron-builder --windows nsis:ia32"
  },
  "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-builder": "^22.7.0",
    "electron-packager": "^15.0.0"
  },
  "build":{
    "productName": "HelloElectron",
    "appId": "com.electron.hello",
    "asar": true,
    "protocols": {
      "name": "helloElectron",
      "schemes": [
        "helloelectron"
      ]
    },
    "win": {
      "target": [
        "zip",
        "nsis"
      ],
      "icon": "./resources/installer/Icon.ico"
    },
    "nsis": {
      "oneClick": false,
      "allowToChangeInstallationDirectory": true
    },
    "directories": {
      "buildResources": "./resources/installer/",
      "output": "./dist/",
      "app": "."
    }
  }
}

3. 배포파일 생성

npm run deploy

 

4. 결과

하위의 dist 폴더에 설치파일이 생성되며, 설치 후 생성되는 패키지가 win-ia32-unpacked에 함께 생성됩니다. 해당 폴더로 가 보면 실행파일이 함께 생성된 것을 확인할 수 있습니다.

반응형