Electron 続はじめ

Electron ことはじめ - memomem アプリもできてさてビルドしようとすると色々とエラーがでてきた。 ビルドしたものを実行時に node_modules にインストールしたものが見つからない。

electron-packager でビルドしようとしていたがどうも古い方法らしい。

いろいろと調べてみると、下記の記事がわかりやすく全面的にいろいろな要素をカバーしている。

electron-builder でビルドするのが良さそうだ。

qiita.com

$ npm init -y // package.jsonファイル作成

$ npm install -D electron // Electronのインストール

$ node_modules/.bin/electron .  // アプリの起動

$ npm install -D electron-builder // electron-builderのインストール

$ node_modules/.bin/electron-builder --mac --x64 // ビルドコマンドを実行

package.json

{
  ...(略)...
　"build": {
    "appId": "com.electron.yourapp",
    "directories": {
      "output": "dist"
    },
    "files": [
      "assets",
      "src",
      "package.json",
      "package-lock.json"
    ],
    "mac": {
      "icon": "assets/mac/icon_mac.icns",
      "target": [
        "dmg"
      ]
    },
    "win": {
      "icon": "assets/win/icon_win.ico",
      "target": "nsis"
    },
    "nsis":{
      "oneClick": false,
      "allowToChangeInstallationDirectory": true
    }
  },
  ...(略)...
}