1. 生成exe、dmg、deb可执行文件

准备:在对应操作系统下打包,比如:在windows下构建 xxx.exe,在MacOS下,构建xxx.dmg

第零步:预发布模式,测试一下功能是否正常

  1. npm run start

第一步:移动前端资源文件

  1. # ejs模式、网站变应用程序模式,无需此步骤
  2. # vue或react模式等单页应用,操作如下
  3. 1:构建资源,如vue前端项目中npm run build
  4. 2:根目录:npm run rd

第二步:(可选)安全性

  1. # 代码压缩与混淆 - v1.16.1版本
  2. npm run compress
  3. # 代码还原
  4. npm run restore

第三步:执行打包命令
注:请尽量让项目名唯一(electron-egg/package.json中name属性),防止和别人软件名称冲突

  1. # 打包时,package.json中build.productName包名不要为中文,避免一些未知异常
  2. # 准备,设置国内镜像
  3. npm config set electron_builder_binaries_mirror=https://registry.npmmirror.com/-/binary/electron-builder-binaries/
  4. # 注意最后的v,如果报错,把v去掉
  5. npm config set electron_mirror=https://registry.npmmirror.com/-/binary/electron/v
  6. # 打包后还原;因为淘宝这个路径有个v,可能引起其它地方错误,要去掉
  7. npm config delete electron_mirror
  8. # 打包 (windows版本)
  9. npm run build-w (32位)
  10. npm run build-w-64 (64位)
  11. # 打包 (mac版本)
  12. npm run build-m
  13. npm run build-m-arm64 (m1芯片架构)
  14. # 打包 (linux版本)
  15. npm run build-l
  16. # 如果执行了代码压缩命令,打包完成后,记得还原代码
  17. npm run restore

第四步:找到程序

  1. 目录:electron-egg/out
  2. 安装包:electron-egg/out/electron-egg-windows-1.16.1.exe

2. 其它修改

  1. 修改应用名称 ```

    修改 ./package.json 中属性

    name:项目名称(英文) productName: 可执行程序名称(英文) appId:软件id shortcutName:桌面快捷方式名称

修改 ./frontend/vue.config.js

args[0].title= 软件运行时头部名称

  1. 2. 修改桌面图标

路径

./build/icons/256x256.png (名称和尺寸必须一致)(windows或者Linux) ./build/icons/512x512.png (名称和尺寸必须一致)(windows或者Linux) ./build/icons/icon.ico (名称和尺寸必须一致)(macOs)

  1. 3. 修改最小化托盘图标

路径

./asset/images/tray_logo.png (建议 32x32 或 16x16 )

  1. 4. web模式下

修改 ./package.json 中属性

“web-start”: “egg-scripts start —daemon —title=进程名称(英文) —ignore-stderr —env=环境 —workers=进程数量”, “web-stop”: “egg-scripts stop —title=进程名称(英文)”, ```