Electron-Builder 包含外部文件夹

Question

我正在构建多个 electron 应用程序，并且有一个用于常见图片和文件的目录。 我想在使用 electron-builder 构建每个应用程序时包括它们。 文档建议 - 如果我理解正确 - 将路径添加到 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')>

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