31、electron-builder在windows环境下打包

1、环境：node  V16.14.2

  "devDependencies": {
    "electron": "^19.1.3",
    "electron-builder": "^23.6.0"
  },

2、安装electron-builder

npm install electron-builder --save-dev --registry https://registry.npmmirror.com

3、在项目根目录底下新建vue.config.js（不是VUE项目也可以新建）

 

module.exports = {
    //判断开发模式还是生产模式
    publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
    //插件配置
    pluginOptions: {
      //electronBuilder配置
      electronBuilder: {
        builderOptions: {
          'productName': 'all electron',//生成exe的名字(允许为汉字)
          "appId": "com.easyfull.www",//包名  
          "copyright": "easyfull",//版权信息
          "directories": { // 输出文件夹(不修改则默认在dist_electron下)
            // "output": "electron_output",
          },
          "nsis": {
            "oneClick": false, // 是否一键安装
            "allowElevation": true, // 允许请求提升。若为false，则用户必须使用提升的权限重新启动安装程序。
            "allowToChangeInstallationDirectory": true, //是否允许修改安装目录
            "installerIcon": "./build/icons/icon.ico",// 安装时图标(所有路径均相对根目录)
            "uninstallerIcon": "./build/icons/icon.ico",//卸载时图标
            "installerHeaderIcon": "./build/icons/icon.ico", // 安装时头部图标
            "createDesktopShortcut": true, // 是否创建桌面图标
            "createStartMenuShortcut": true,// 是否创建开始菜单图标
            "shortcutName": "all-electron", // 快捷方式名称
            "runAfterFinish": false,//是否安装完成后运行
          },
          "win": {
            "icon": "build/icons/icon.ico",//图标路径
            "target": [
              {
                "target": "nsis", //利用nsis制作安装程序
                "arch": [
                  "x64", //64位
                  // "ia32" //32位
                ]
              }
            ]
          }
          // "linux": {
          //   "icon": "build/icons/icon.ico",//图标路径
          //   "target": [
          //     {
          //       "target": "deb", //利用nsis制作安装程序
          //       "arch": [
          //         "x64", //64位
          //         // "ia32" //32位
          //       ]
          //     }
          //   ]
          // }
        }
      }
    }
  }

4、在package.json的scripts节点下添加

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1","build": "electron-builder --linux",
    "dist": "electron-builder",
    "dist:dir": "npm run dist --dir -c.compression=store -c.mac.identity=null"
  },

5、在终端里面运行：

npm run dist  

运行完后会在项目底下生一个dist文件夹，里面的.exe就是安装包

 注意：electron-builder需要打包linux的DEB或appImage包，需要在linux环境下打包才可以。下一篇讲如果打包

参考：https://www.electron.build/configuration/configuration

https://www.cnblogs.com/xi12/archive/2022/07/24/16513755.html

https://www.codenong.com/cs106733270/