1、安装electron-builder

npm install  electron-builder --save-dev

2、在项目的package.json文件中配置 electron-builder相关参数

  • 具体参数可以参考官方文档:https://www.electron.build/configuration/configuration
  • 下面贴出我自己的配置:
{  "name": "electron-quick-start",  "version": "1.0.0",  "description": "A minimal Electron application",  "main": "main.js",  "scripts": {    "start": "electron .",    "build": "electron-builder"  },  "build": {    "appId": "com.imaxue.app",    "productName":"yangyi",    "win": {      "icon": "build/favicon.ico",      "target": [        "nsis"      ]    },    "nsis": {      "oneClick": false,      "perMachine": true,      "allowToChangeInstallationDirectory": true    }  },  "repository": "https://github.com/electron/electron-quick-start",  "keywords": [    "Electron",    "quick",    "start",    "tutorial",    "demo"  ],  "author": "GitHub",  "license": "CC0-1.0",  "devDependencies": {    "electron": "^8.2.5",    "electron-builder": "^22.6.1"  },  "dependencies": {    "bootstrap": "^4.5.0",    "electron-store": "^5.1.1",    "uuid": "^8.1.0"  }}

  • 注意要是下载源有问题的话可以在build中添加
    "electronDownload":{      "mirror":"https://npm.taobao.org/mirrors/electron/"    },

3、执行打包命令

npm run build

4、完成

完成以后会在项目目录下生成dist目录