跳到主要内容

electron桌面代码放开

v3.8.1+ 支持electron桌面应用打包

效果参考​

修改步骤​

  1. 放开代码注释：build\vite\plugin\electron.ts
  2. 找到文件build\vite\plugin\index.ts 搜索关键词'electron plugin'放开搜到的相关代码
  3. 找到文件package.json 加入下面的配置
{
  "main": "dist/electron/main.js",
  "scripts": {
    "electron:dev": "cross-env VITE_GLOB_RUN_PLATFORM=electron npm run dev",
    "electron:build-all": "npm run electron:build-web && npm run electron:build-app",
    "electron:build-web": "cross-env VITE_GLOB_RUN_PLATFORM=electron NODE_ENV=production NODE_OPTIONS=--max-old-space-size=8192 vite build --mode prod_electron && cross-env VITE_GLOB_RUN_PLATFORM=electron esno ./build/script/postBuild.ts && esno ./build/script/copyChat.ts",
    "electron:build-app": "esno ./electron/script/buildBefore.ts && electron-builder && esno ./electron/script/buildAfter.ts",
  },
  "devDependencies": {
    "electron": "35.1.4",
    "electron-builder": "^26.0.12",
    "vite-plugin-electron": "^0.29.0",
  },
}

  1. 自定义生成logo
   electron\icons\app.ico
   electron\icons\installer.ico
  1. 自定义生成应用名称
修改electron-builder.yaml的属性 productName和`win.artifactName`

6、自定义应用对应的后台服务接口

修改文件.env.prod_electron的下面俩属性
VITE_GLOB_API_URL
VITE_GLOB_DOMAIN_URL