electron-builder环境安装打包（三）

添加编译环境

npm install -g node-gyp
npm install --global --production windows-build-tools

安装依赖库

cnpm i -D electron
cnpm i -D electron-builder

package.json 添加electron-builder配置

{
  "name": "electron-study",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "scripts": {
    "dev": "electron ./main.js",
    "build":"electron-builder"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
  },
  "devDependencies": {
    "electron-builder": "^22.8.0",
    "electron": "^10.0.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^7.9.0",
    "eslint-config-airbnb-base": "^14.2.0",
    "eslint-config-standard": "^14.1.1",
    "eslint-friendly-formatter": "^4.0.1",
    "eslint-loader": "^4.0.2",
    "eslint-plugin-html": "^6.1.0",
    "eslint-plugin-import": "^2.22.0",
    "eslint-plugin-node": "^11.1.0",
    "eslint-plugin-promise": "^4.2.1",
    "eslint-plugin-standard": "^4.0.1"
  },
  "build": { // electron-builder 的配置信息
    "appId": "com.huangbiao.electron",
    "asar": true,
    "directories": {
      "buildResources": "build",
      "output": "dist"
    },
    "win": {
      "target": [
        {
          "target": "nsis", 
          "arch": [
            "ia32", // 32位
            "x64" // 64位
          ]
        }
      ],
      "asarUnpack": [
        "src/**", // 代码的位置
        "README.md"
      ]
    },
    "nsis": {
      "oneClick": false,
      "allowElevation": true,
      "allowToChangeInstallationDirectory": true,
      "createDesktopShortcut": true,
      "createStartMenuShortcut": true
    }
  }
}

配置参数产参考electron-builder打包的详细介绍

打包环境（遇到网络下载的问题）解决办法

1. C:\Users\Administrator\AppData\Local\electron\Cache
   

2. C:\Users\Administrator\AppData\Local\electron-builder\Cache
   

依赖的文件下载地址

链接：https://pan.baidu.com/s/1Ftk5-UIUNx3UozyxbYEnhQ
提取码：a92e

打包命令

1. 使用 package.json 中的命令启动

npm run build

2. 直接使用本地的命令启动

npx electron-builder