Electronを使用したアプリのビルドおよび出力方法

electronでアプリを出力する時の方法です。

$ npx electron-builder

ターミナルでelectron-builderコマンドを使用します。
以下のオプションを付けることで出力ファイルを変更することができます。

オプション説明作成されるファイル
--mac --x64macOS (x64) 用インストーラーAppName-0.0.1.dmg
--mac --x64 --dirmacOS (x64) 用ポータブルパッケージAppName.app
--win --x64Windows (x64) 用インストーラーAppName Setup 0.0.1.exe
--win --x64 --dirWindows (x64) 用ポータブルパッケージAppName.exe + 依存DLLなど
$ npx electron-builder --mac --x64 --dir

このようにするとmacOS用の.appを出力することができます。

出力先などの細かい設定はpackage.jsonで管理されています。

アプリの出力先を変更したい場合

"directories": {
      "output": "build"
    }

build内にdirectoriesを設定すると変更できます。

  "build": {
    "appId": "com.~~~.~~~~",
    "directories": {
      "output": "build"
    }
  }

アプリアイコンの変更

mac": {
      "icon": "icons/icon.icns"
    }

macの場合このようにiconsフォルダを作成してその中にiconを追加します。

"build": {
    "appId": "com.~~~.~~~",
    "directories": {
      "output": "build"
    },
     "mac": {
      "icon": "icons/icon.icns"
    }
  }