tomatoaiu の Tech Blog

プログラミングやツールについてのまとめブログ

MENU

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

モチベーション

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

build構成

  • Windows
  • portable

解決策

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

package.json
images/
  hoge.png
  fuga.jpg

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

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

思ったこと

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

参考文献