Electron と Node.js #2
〜 electron-builder の小技 〜
2022-04-01 作成 福島
TOP > tips > ele-builder

1. JSON ファイルのコメントアウト

JSON はただのデータ送受信用フォーマットなので、コメント行を入れることは出来ません。(コメント記述のルールがない)

キー値を違うものに変更すればキーとして認識されなくなるので、
キー文字列に何か特別な文字を追加すればコメントの代替として扱うことができます。

下記の例ではキー文字列の先頭に文字 '#' を追加して、事実上のコメントアウトとしています。

package.json
{
  "name": "example",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "#electron": "^17.2.0",
    "#electron-builder": "^22.14.13",
    "encoding-japanese": "^2.0.0"
  }
}

下記のようなエラーメッセージが表示されるときに便利。
· electron-builder  version=22.14.13 os=10.0.19042
· description is missed in the package.json  appPackageFile=C:\Users\who\example\package.json
package.json に説明書きがありません。
↑ 特になくても OK。

x Package "electron" is only allowed in "devDependencies".
Please remove it from the "dependencies" section in your package.json.
パッケージ "electron" は "devDependencies" でのみ許可されます。
package.json の "dependencies" からこれを取り除いてください。
↑ キー "electron" は "dependencies" に記述できない。

Package "electron-builder" is only allowed in "devDependencies".
Please remove it from the "dependencies" section in your package.json.
パッケージ "electron-builder" は "devDependencies" でのみ許可されます。
package.json の "dependencies" からこれを取り除いてください。
↑ キー "electron-builder" は "dependencies" に記述できない。


2. setup.exe の作り方

 >_ Windows PowerShell 
Windows PowerShell
Copyright (C) Microsoft Corporation. All rights reserved.

新しいクロスプラットフォームの PowerShell をお試しください https://aka.ms/pscore6

PS C:\Users\who\example> .\node_modules\.bin\electron-builder.cmd --win --ia32 
PS C:\Users\who\example> exit 
↑ これは 32bit 版のインストーラを作成する場合。
64bit 版を作成するときは --x64 を指定する。


3. setup.exe のインストール先

electron-builder によって .\dist\ にインストーラ「example Setup 1.0.0.exe」が生成される。
(このときの example はプロジェクト名)

このインストーラを実行すると設置されるファイルのフォルダーは下記の場所となる。
C:\Users\OtherPerson\AppData\Local\Programs\example\
(このときの OtherPerson は setup.exe を実行したユーザのホームフォルダー)