electron - 如何在Electronic-Builder中获取(托盘)图标路径/图像

Question

我正在使用electron-react-boilerplate开发 Electron 应用程序(使用electron-builder打包应用程序)。

我想创建托盘，但是它需要图标路径或 native 图像。问题是如何从 electron-builder 获取图标图像，或者如何告诉 electron-builder 将图标目录包含到资源中(不带 package )，因此我可以使用:
appIcon = new Tray(iconPath | nativeImage)

Answer 1

首先，您需要告诉electron-builder哪些额外的文件需要复制到输出版本中。我为每个操作系统都复制了 native 驱动程序，如下所示，但是您应该能够使其适应您的需求。 "to": "resources"意味着您以后可以使用下一个代码来查找文件。

"build": {
...
"extraFiles": [
  {
    "from": "resources/${os}/drivers",
    "to": "resources",
    "filter": [
      "**/*"
    ]
  }
],

然后，可以使用 Electron 中的该路径进行访问:

const path = require('path');
const imgPath = path.join(process.resourcesPath, 'image.png')

如果您处于主要流程中，则可以省略 remote部分。

然后，您可以使用 nativeImage.createFromPath来获取本地镜像:

const nativeImage = require('electron').nativeImage
let image = nativeImage.createFromPath(imgPath)