欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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文件夹出现,其中就有你想要的东西

相关标签: electron