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

那么這將在任何環境中工作。