【Electron】 electron-builderで静的なファイルをパッケージングした後に対象のファイルが無いと怒られないようにする

モチベーション

ソースコード内で静的なファイル(画像など)を読み取るアプリケーションをelectron-builderでパッケージングして、作成したアプリを起動するとそのファイルが無いとエラーが出る。躓きポイント。

build構成

• Windows
• portable

解決策

ここに書いてある。
例えばpackage.jsonと同じ階層にimagesというフォルダがあったとする。これをソースコード内で利用している場合を想定。

package.json
images/
  hoge.png
  fuga.jpg

この時に、node.jsのpackage.jsonに、"build": { "files": ["images/"] }みたいに書いてビルドすればok！

{
  "name": "foobarbaz-app",
  "version": "0.0.1",
  "build": {
    "files": [
      "images/"
    ],
〜略〜

思ったこと

package.jsonのfilesみたいな感じだと思われる。これでelectron-builderでパッケージングした後でも、ソースコード内に画像やらの静的ファイルが格納されて無事に読み込めるようになる。

参考文献

• electron/electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS, 入手先 https://github.com/electron/electron
• electron-userland/electron-builder: A complete solution to package and build a ready for distribution Electron app with “auto update” support out of the box, 入手先 https://github.com/electron-userland/electron-builder