Electron使用electron-builder工具打包流程

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目录