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

一、安裝electron-builder

npm install  electron-builder --save-dev

二、在項目的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/"
    },

三、執行打包命令

npm run build

四、完成

完成之後會在項目目錄下生成dist目錄