ASCII码 ASCII码

electron-builder打包配置详解

发布于：2022-01-24 09:30:55  栏目：技术文档

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.   }
相关推荐
阅读 +

© 2020 asciim码

人生就是一场修行