Electron-Builder 包含外部文件夹

Question

我正在构建多个电子应用程序，并且有一个用于存放常见图片和文件的目录。我想在使用 electron-builder 构建每个应用程序时包括它们。 docs 推荐 - 如果我理解正确的话 - 将路径添加到 build > files 键，但使用此配置文件似乎不起作用：

"build":{
    "files": [
        "**/*",
        "../common/img/*"
    ]
}

我的目录结构如下：

|git_folder
|-- electronapp1
|---- package.json
|-- electronapp2
|---- package.json
|-- common
|---- img
|---- js
|---- css

我正在尝试使用此 HTML 代码 <link rel="stylesheet" href="../common/css/master.css"> 访问公共目录。使用electron . 启动它进行调试和开发时，它可以工作，但是在使用electron-builder 构建时，它似乎没有打包公共目录并在控制台中抛出“找不到文件”。

Answer 1

在你的配置中，

"extraResources": [
    {
        "from": "../common",
        "to": "common"
    }
],
"files": [
  "**/*"
],

所以如果我是你，我会这样配置

const path = require("path");
const appPath = __dirname;
const appResourcePath = path.join(appPath, "..", "common")

module.exports = {
  appPath,
  appResourcePath
};

然后你可以在你的渲染器的任何地方使用这个appResourcePath 比如

<img src=path.join(appResourcePath, 'img', 'background.png')>

那么这将在任何环境中工作。