electron-builder打包Electron桌面应用程序
程序员文章站
2022-06-04 16:50:02
...
electron-builder是一个完整的electron项目打包分发的解决方案,并且可以兼容Mac windows和Linux不同的系统,相比electron-packer功能更加完善,打包出来的安装包也更加轻量级
- 首先会有一个完备的electron项目,你都要打包了总有完整的项目吧
- 其次下载安装electron-builder依赖,可以全局安装也可以只在项目中安装依赖
npm install -g electron-builder (这是全局安装)
如果是在项目中安装electron-builder注意是开发依赖还是生产依赖
npm install electron-builder --save-dev
- 你可以不进行任何配置,直接开始打包,不进行配置的选项会直接被移除掉或者设置为默认
将三个平台的安装包全部打包出来
electron-builder -wml
electron-builder --platform=all
Mac环境下的打包
electron-builder -w
electron-builder -m
electron-builder -m
electron-builder -o
electron-builder --mac
electron-builder --macos
electron-builder --platform=mac
electron-builder --platform=darwin
windows环境下的打包
electron-builder -w
electron-builder --win
electron-builder --windows
electron-builder --platform=win
electron-builder --platform=win32
- 也可以在package.json进行相关配置,对安装包进行设置
"build": {
"productName":"xxxx", //项目名 这也是生成的exe文件的前缀名
"appId": "com.xxx.xxxxx", //包名
"copyright":"xxxx", //版权信息
"directories": { //输出文件夹
"output": "/dist"
},
"nsis": { //nsis相关配置,打包方式为nsis时生效
"oneClick": false, // 是否一键安装
"allowElevation": true, // 允许请求提升,如果为false,则用户必须使用提升的权限重新启动安装程序。
"allowToChangeInstallationDirectory": true, // 是否允许修改安装目录
"installerIcon": 'icon.ico', // 安装图标 大小必须是256x256的
"uninstallerIcon": "icon.ico", //卸载图标
"installerHeaderIcon": "icon.ico", // 安装时头部图标
"createDesktopShortcut": true, // 是否创建桌面图标
"createStartMenuShortcut": true, // 创建开始菜单图标
"shortcutName": "xxxx", // 图标名称
"include": "build/script/installer.nsh", // 包含的自定义nsis脚本
},
// 讲道理这个我没搞懂是什么,懂的大哥可以聊聊
"publish": [
{
"provider": "generic", // 服务器提供商,也可以是GitHub等等
"url": "http://xxxxx/" // 服务器地址
}
],
"win": {
"icon": "build/icons/aims.ico",
"target": [
{
"target": "nsis", //使用nsis打成安装包,"portable"打包成免安装版
"arch": [
"ia32", //32位
"x64" //64位
]
}
]
},
"mac": {
"icon": "icon.icns" // 也可以是png格式 大小必须是512x512的
},
"linux": {
"icon": "icons"
}
}
在进行了相关配置之后,就可以使用进行打包了,进入项目之后,执行相关命令就好了,打包完成之后会,项目中会有dist文件夹出现,其中就有你想要的东西