我最近在wrote a blog post中解释了如何从头开始创建一个电子应用程序（包括使用React和electron-builder）。electron-builder需要做一些修改，以便在电子应用程序中实现它。这些修改包括：
1.需要填充名称、描述、版本和作者字段。
1.需要填充构建字段。
1.应该将图标添加到您的项目中（对应于build.directories.buildResources属性）。示例文件可以通过here下载。
1.需要设置pack、dist和postinstall脚本。
1.删除预先存在的目录字段。
下面是一个示例package.json，您可以将其用作参考：

{
  "name": "simple-electron-template",
  "version": "0.0.1",
  "description": "My Electron application",
  "main": "app/electron/main.js",
  "private": true,
  "devDependencies": {
    "babel-loader": "^8.2.5",
    "cross-env": "^7.0.3",
    "css-loader": "^6.7.1",
    "electron": "^19.0.8",
    "electron-builder": "^23.1.0",
    "html-loader": "^4.1.0",
    "html-webpack-plugin": "^5.5.0",
    "style-loader": "^3.3.1",
    "webpack": "^5.73.0",
    "webpack-cli": "^4.10.0",
    "webpack-dev-server": "^4.9.3",
    "webpack-merge": "^5.8.0"
  },
  "scripts": {    
    "dev-server": "webpack serve --mode development --config ./webpack.development.js",
    "dev": "cross-env NODE_ENV=development electron .",    
    "preprod": "webpack --mode production --config ./webpack.production.js",
    "prod": "cross-env NODE_ENV=production electron .",
    "postinstall": "electron-builder install-app-deps",
    "pack": "electron-builder --dir",
    "dist": "electron-builder"
  },
  "build": {
    "productName": "MyProductName",
    "appId": "com.mycompany|electron.myproductname",
    "directories": {
        "buildResources": "resources"
    },
    "win": {
        "target": [
            "nsis",
            "msi"
        ]
    },
    "linux": {
        "target": [
            "deb",
            "rpm",
            "snap",
            "AppImage"
        ]
    }
  },
  "keywords": [],
  "author": "Me",
  "license": "ISC",
  "dependencies": {
    "@babel/core": "^7.18.6",
    "@babel/preset-env": "^7.18.6",
    "@babel/preset-react": "^7.18.6",
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
  }
}

如果您愿意，可以使用simple template作为参考。