使用电子生成器将文件夹和其中的文件包含到电子构建中？

Question

我在 Electron 项目的工作目录中名为data的目录中有一些 JSON 文件。 我使用具有以下配置（package.json）的electron-build成功构建了应用程序。

{
  "name": "My App",
  "version": "0.0.9",
  "description": "TEST DESC",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "pack": "build --dir",
    "dist": "build"
  }
  "author": "Test",
  "license": "CC0-1.0",
  "build": {
    "appId": "test.tester.test",
    "directories": {
      "app": ""
    },
    "extraFiles": [
      "data"
    ],
    "dmg": {
      "contents": [
        {
          "x": 110,
          "y": 150
        },
        {
          "x": 240,
          "y": 150,
          "type": "link",
          "path": "/Applications"
        }
      ]
    },
    "win": {
      "target": "squirrel",
      "icon": "build/icon.ico"
    }
  },
  "devDependencies": {
    "electron": "~1.7.8",
    "electron-builder": "^20.11.1"
  },
  "dependencies": {
    "electron-settings": "^3.1.4",
    "jquery": "^3.3.1",
    "leveldown": "^3.0.0",
    "mkdirp": "^0.5.1",
    "shelljs": "^0.8.1"
  }
}

我想数据目录没有被添加到构建文件中。 因为我使用数据目录中的文件来呈现应用程序中的视图，这在构建的应用程序中不起作用。 请提出解决方案。

我在应用程序中使用这些 JSON 文件，如下所示：

fs.readFile('./data/userdata.json', 'utf8', function readFileCallback(err, data) {      
    if(data == '') { data = '[]'; }
    var users = JSON.parse(data);

    //Render Code
});

Answer 1

"build": {
    "extraResources": [
        {
            "from": "data",
            "to": "data"
        }
    ]
}

像这样添加后，Electron-builder 将在打包应用程序后将数据文件夹复制到应用程序的资源/数据。 这样你就可以用这个读取文件了。

const dataPath =
  process.env.NODE_ENV === 'development'
    ? path.join(__dirname, '../../data')
    : path.join(process.resourcesPath, 'data');

fs.readFile(path.join(dataPath,'userdata.json', 'utf8', function readFileCallback(err, data) {      
  if(data == '') { data = '[]'; }
  var users = JSON.parse(data);

  //Render Code
});