(三)使用electron-builder打包成应用文件

前提已经实现了(一)里面的效果连接:https://www.cnblogs.com/yuNotes/p/12884930.html

1.下载electron-builder运行命令:npm install electron-builder --save-dev

 

 

 

 

 

 

 

2.在package.json中加入:

    "win32": "electron-builder --win --x32",windows32位上的使用包
      "win64": "electron-builder --win --x64",windows64位上的使用包
      "mac": "electron-builder --mac",mac上的使用包
      "linux": "electron-builder --linux"linux上的使用包
   注意;这些包要在相同的电脑环境下才能打出,否则会报错!!!!

 3.运行npm run win64就会在根目录中看到相应的文件里面就有你需要的文件

 

 

在根目录下就会出现dist文件,其中就是打包出的文件

 

 

 

 5.添加项:用这个插件打包我在windows电脑上打包出了windows的包,没有成功打包出linux的包会报下面的错

 cannot get, wait  error=Get "https://service.electron.build/find-build-agent?no-cache=1fcmrcb": dial tcp 51.15.76.176:443: connectex: No connection could be made because the target machine actively refused it.

网上搜索是说在什么系统下打什么报!

6.electron-builder比electron-packager多了很多配置这些配置可以配合electron-updater版本更新使用

 

"build": {
    "productName":"xxxx",//项目名 这也是生成的exe文件的前缀名
    "appId": "com.leon.xxxxx",//包名  
    "copyright":"xxxx",//版权  信息
    "directories": { // 输出文件夹
      "output": "build"
    }, 
    "nsis": {
      "oneClick": false, // 是否一键安装
      "allowElevation": true, // 允许请求提升。 如果为false,则用户必须使用提升的权限重新启动安装程序。
      "allowToChangeInstallationDirectory": true, // 允许修改安装目录
      "installerIcon": "./build/icons/aaa.ico",// 安装图标
      "uninstallerIcon": "./build/icons/bbb.ico",//卸载图标
      "installerHeaderIcon": "./build/icons/aaa.ico", // 安装时头部图标
      "createDesktopShortcut": true, // 创建桌面图标
      "createStartMenuShortcut": true,// 创建开始菜单图标
      "shortcutName": "xxxx", // 图标名称
      "include": "build/script/installer.nsh", // 包含的自定义nsis脚本
    },
    "publish": [
      {
        "provider": "generic", // 服务器提供商 也可以是GitHub等等
        "url": "http://xxxxx/" // 服务器地址
      }
    ],
    "files": [
      "dist/electron/**/*"
    ],
    "dmg": {
      "contents": [
        {
          "x": 410,
          "y": 150,
          "type": "link",
          "path": "/Applications"
        },
        {
          "x": 130,
          "y": 150,
          "type": "file"
        }
      ]
    },
    "mac": {
      "icon": "build/icons/icon.icns"
    },
    "win": {
      "icon": "build/icons/aims.ico",
      "target": [
        {
          "target": "nsis",
          "arch": [
            "ia32"
          ]
        }
      ]
    },
    "linux": {
      "icon": "build/icons"
    }
  }

 

posted on 2020-05-25 15:04  小雨子1993  阅读(2680)  评论(2编辑  收藏  举报

导航