需求

如何使用 electron-builder 打包项目？

解决

安装 electron builder

  1. npm i electron-builder -D
  2. “electron-builder”: “^24.13.3”,
  3. npm i electron-builder-squirrel-windows -D
  4. “electron-builder-squirrel-windows”: “^24.13.3”,

增加命令

package.json:

  1. “electron:serve”: “vite build && electron .”,
  2. “electron:build”: “vite build && electron-builder”

增加 路径设置

vite.config.js: base: './'

如果找不到 preload.js

package.json:

"files": [
  "dist/**/*",
  "main.js",
  "preload.js"
],

__dirname 路径问题

  • 开发阶段: 指的是项目目录
  • 打包之后: 指的是 目录/resources/app.asar

如何需要区分开发环境

  1. npm install cross-env -D
  2. package.json: 修改 “start”: “cross-env NODE_ENV=development nodemon –exec electron . –watch ./ –ext .js,.html,.css,.vue”,

参考