Electron-builder 打包

项目比较简单,仅使用了 Electron + 原生js

  1. 安装 electron-builder
    npm install electron-builder --dev
  2. 配置 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 // 是否允许修改安装位置
   	}
	}
}
  1. 添加 .npmrc 镜像设置
ELECTRON_BUILDER_BINARIES_MIRROR=https://mirrors.huaweicloud.com/electron-builder-binaries/
ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/
  1. 运行打包命令
    npm run pack
  2. 可能出现的问题

downloaded      url=https://mirrors.huaweicloud.com/electron-builder-binaries/winCodeSign-2.6.0/winCodeSign-2.6.0.7z duration=898ms
⨯ cannot execute  cause=exit status 2
out=
第一次打包会出错,可以以管理员身份运行 Windows PowerShell ,然后执行打包命令,即可成功,后续可以直接在命令行打包。

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值