项目比较简单,仅使用了 Electron + 原生js
- 安装 electron-builder
npm install electron-builder --dev
- 配置 package.json 中的打包命令
{
"script": {
// ...
"dev": "electron .",
"pack": "electron-builder", // 打包命令
},
"build": {
"appId": "app-id",
"productName": "app-name", // app name,如果这里没有配置,则使用顶层 productName 或 name 属性
"directories": {
"output": "release/app-name_setup", // 打包文件输出位置
},
"win": {
"artifactName": "${productName}_setup_${version}.${ext}", // 文件名模板
"icon": "src/assets/images/logo.png" // app icon 路径
},
"nsis": {
"oneClick": false,
"perMachine": true, // If oneClick is false and perMachine is true: no install mode installer page, always install per-machine.
"allowToChangeInstallationDirectory": true // 是否允许修改安装位置
}
}
}
- 添加 .npmrc 镜像设置
ELECTRON_BUILDER_BINARIES_MIRROR=https://mirrors.huaweicloud.com/electron-builder-binaries/
ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/
- 运行打包命令
npm run pack
- 可能出现的问题
第一次打包会出错,可以以管理员身份运行 Windows PowerShell ,然后执行打包命令,即可成功,后续可以直接在命令行打包。