electron+vite+vue3项目打包

m0_63701303

已于 2023-11-07 16:56:34 修改

阅读量336

点赞数

分类专栏： electon 文章标签： electron javascript 前端

于 2023-11-07 16:55:17 首次发布

本文链接：https://blog.csdn.net/m0_63701303/article/details/134271235

版权

electon 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1.安装打包依赖，调整打包命令

npm install electron-builder -D

2.安装完成后，在 package json 中，配置 build 命令

"build": "vite build && electron-builder",

3.electron/index.js修改 win.loadURL 中的路径参数，判断下当前是生产环境，还是开发环境

4.修改 package.json，增加打包相关配置

"build": {
    "appId": "com.electron.desktop",
    "productName": "electron",
    "asar": false,
    "copyright": "Copyright © 2022 electron",
    "directories": {
      "output": "release/"
    },
    "files": [
      "dist"
    ],
    "mac": {
      "artifactName": "${productName}_${version}.${ext}",
      "target": [
        "dmg"
      ]
    },
    "win": {
      "target": [
        {
          "target": "nsis",
          "arch": [
            "x64"
          ]
        }
      ],
      "artifactName": "${productName}_${version}.${ext}"
    },
    "nsis": {
      "oneClick": false,
      "perMachine": false,
      "allowToChangeInstallationDirectory": true,
      "deleteAppDataOnUninstall": false
    },
    "publish": [
      {
        "provider": "generic",
        "url": "http://127.0.0.1:8080"
      }
    ],
    "releaseInfo": {
      "releaseNotes": "版本更新的具体内容"
    }
  }