electron-builder打包配置详解

目录
1.基础配置
2.打包目标配置
3.其他平台配置
4.nsis配置
5.关于操作系统的配置
6.更新配置
这里介绍的是直接在package.json中直接配置使用:

1.基础配置

  1. "build": { // 这里是electron-builder的配置
  2. "productName":"xxxx",//项目名 这也是生成的exe文件的前缀名
  3. "appId": "com.xxx.xxxxx",//包名
  4. "copyright":"xxxx",//版权 信息
  5. "directories": { // 输出文件夹
  6. "output": "build"
  7. },
  8. // windows相关的配置
  9. "win": {
  10. "icon": "xxx/icon.ico"//图标路径
  11. }

2.打包目标配置

  1. "win": { // 更改build下选项
  2. "icon": "build/icons/aims.ico",
  3. "target": [
  4. {
  5. "target": "nsis" // 我们要的目标安装包
  6. }
  7. ]
  8. },

3.其他平台配置

  1. "dmg": { // macOSdmg
  2. "contents": [
  3. ...
  4. ]
  5. },
  6. "mac": { // mac
  7. "icon": "build/icons/icon.icns"
  8. },
  9. "linux": { // linux
  10. "icon": "build/icons"
  11. }

4.nsis配置

  1. "nsis": {
  2. "oneClick": false, // 是否一键安装
  3. "allowElevation": true, // 允许请求提升。 如果为false,则用户必须使用提升的权限重新启动安装程序。
  4. "allowToChangeInstallationDirectory": true, // 允许修改安装目录
  5. "installerIcon": "./build/icons/aaa.ico",// 安装图标
  6. "uninstallerIcon": "./build/icons/bbb.ico",//卸载图标
  7. "installerHeaderIcon": "./build/icons/aaa.ico", // 安装时头部图标
  8. "createDesktopShortcut": true, // 创建桌面图标
  9. "createStartMenuShortcut": true,// 创建开始菜单图标
  10. "shortcutName": "xxxx", // 图标名称
  11. "include": "build/script/installer.nsh", // 包含的自定义nsis脚本 这个对于构建需求严格得安装过程相当有用。
  12. },

5.关于操作系统的配置
CLI参数

  1. electron-builder --ia32 // 32位
  2. electron-builder // 64位(默认)

nsis中配置

  1. "win": {
  2. "icon": "build/icons/aims.ico",
  3. "target": [
  4. {
  5. "target": "nsis",
  6. "arch": [ // 这个意思是打出来32 bit + 64 bit的包,但是要注意:这样打包出来的安装包体积比较大,所以建议直接打32的安装包。
  7. "x64",
  8. "ia32"
  9. ]
  10. }
  11. ]
  12. }

6.更新配置

  1. "publish": [
  2. {
  3. "provider": "generic", // 服务器提供商 也可以是GitHub等等
  4. "url": "http://xxxxx/" // 服务器地址
  5. }
  6. ],

完整配置

  1. "build": {
  2. "productName":"xxxx",//项目名 这也是生成的exe文件的前缀名
  3. "appId": "com.leon.xxxxx",//包名
  4. "copyright":"xxxx",//版权 信息
  5. "directories": { // 输出文件夹
  6. "output": "build"
  7. },
  8. "nsis": {
  9. "oneClick": false, // 是否一键安装
  10. "allowElevation": true, // 允许请求提升。 如果为false,则用户必须使用提升的权限重新启动安装程序。
  11. "allowToChangeInstallationDirectory": true, // 允许修改安装目录
  12. "installerIcon": "./build/icons/aaa.ico",// 安装图标
  13. "uninstallerIcon": "./build/icons/bbb.ico",//卸载图标
  14. "installerHeaderIcon": "./build/icons/aaa.ico", // 安装时头部图标
  15. "createDesktopShortcut": true, // 创建桌面图标
  16. "createStartMenuShortcut": true,// 创建开始菜单图标
  17. "shortcutName": "xxxx", // 图标名称
  18. "include": "build/script/installer.nsh", // 包含的自定义nsis脚本
  19. },
  20. "publish": [
  21. {
  22. "provider": "generic", // 服务器提供商 也可以是GitHub等等
  23. "url": "http://xxxxx/" // 服务器地址
  24. }
  25. ],
  26. "files": [
  27. "dist/electron/**/*"
  28. ],
  29. "dmg": {
  30. "contents": [
  31. {
  32. "x": 410,
  33. "y": 150,
  34. "type": "link",
  35. "path": "/Applications"
  36. },
  37. {
  38. "x": 130,
  39. "y": 150,
  40. "type": "file"
  41. }
  42. ]
  43. },
  44. "mac": {
  45. "icon": "build/icons/icon.icns"
  46. },
  47. "win": {
  48. "icon": "build/icons/aims.ico",
  49. "target": [
  50. {
  51. "target": "nsis",
  52. "arch": [
  53. "ia32"
  54. ]
  55. }
  56. ]
  57. },
  58. "linux": {
  59. "icon": "build/icons"
  60. }
  61. }

更多相关文章

  1. Android(安卓)安装常见问题列表
  2. Android(安卓)状态栏透明和图标反色
  3. Ubuntu10.04 64(32)位 android开发环境建立
  4. android实现应用程序无图标(快捷方式)问题
  5. Android任务栏的图标显示
  6. Android自学笔记(番外篇):全面搭建Linux环境(二)——VMware Workstati
  7. K8S搭建自动化部署环境 Jenkins下载、安装和启动
  8. Linux下安装MongoDB的实现步骤
  9. CentOS系统如何使用YUM命令方便快捷安装Nginx

随机推荐

  1. android 系统开发之开机动画
  2. android ndk log
  3. Android的selector,背景选择器
  4. Android多分辨率适配框架(2)— 原理剖析
  5. 性能优化之Java(Android)代码优化
  6. Android UI布局之RelativeLayout
  7. Android 第七课——UI布局
  8. Android(安卓)Studio 3.5 安装apk失败问
  9. (4.1.23)Android Animation学习笔记
  10. Android之TextView------属性大全