Electron-Builder 包含外部文件夹

Question

我正在构建多个 electron 应用程序，并且有一个目录用于存放常见的图片和文件。我想在使用 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 构建时，它似乎没有打包公共目录并在控制台中抛出 "File not found"。

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')>

那么这将适用于任何环境。

Electron-Builder 包含外部文件夹

Electron-Builder include external folder

javascript

npm

electron

electron-builder