[Electron] 빌드(build) 하기 2 ( electron-builder )

[Electron] 빌드(build) 하기 2 ( electron-builder )

---

이전 글 `[Electron] 빌드(build) 하기 ( electron-builder )`에 정보를 조금 더 추가한 글입니다.

 

mac사용자를 위해 osx 빌드가 필요했고, 관련해서 찾아보았습니다.

다행히 한글로된 글이 존재했고, 해당 글을 따라 했습니다. (출처)

 

* 사용 방법
지난 번과 마찬가지로 package.json을 수정해줍니다.
이번에는 각 요소에 대한 설명을 하진 않겠습니다. 필요하다면 이전 글을 참고해 주세요.

{
  ...
  "scripts": {
  	...
    "build": "electron-builder build",
    "build:osx": "build --mac",
    "build:win32": "build --win --ia32",
    "build:win64": "build --win --x64",
    "build:win": "npm run build:win32 && npm run build:win64",
  },
  ...
  "build": {
    "productName": "projectname",
    "appId": "com.project.name",
    "asar": false,
    "protocols": {
      "name": "projectname",
      "schemes": [
        "projectname"
      ]
    },
    "mac": {
      "target": [
        "default"
      ],
      "icon": "./install/icon.ico"
    },
    "dmg": {
      "title": "projectname",
      "icon": "./install/icon.ico"
    },
    "win": {
      "target": [{
        "target": "nsis",
        "arch": [
          "x64",
          "ia32"
        ]
      }],
      "icon": "./install/icon.ico"
    },
    "nsis": {
      "oneClick": false,
      "allowToChangeInstallationDirectory": true,
      "installerIcon": "./install/icon.ico",
      "createDesktopShortcut": true
    }
  }
}

이전 글과 다른 점은 두 가지 입니다.

1. scripts에 build방식을 분리 했습니다.
   -> osx 빌드는 mac에서만 되기 때문에 windows와 osx를 분리했습니다.
2. build에 mac과 dmg옵션을 추가했습니다.

 

* 실행

• windows 32bit 64bit 모두 설치할 때,

  > npm run build:win
  또는
  > build --win

• osx 설치할 때

  $ num run build:osx
  또는
  $ build --mac