如何详细配置Vite和Electron-Builder进行打包？

本文共计1540个文字，预计阅读时间需要7分钟。

目录 + 创建一个vite项目 + 安装打包工具 + 配置桌面环境 + 创建 + 主进程 + main.js + 添加electron + 运行命令 + 打包项目，生成dist + 解决资源无法加载 + 开发环境：热更新 + 两个工具 + concurrently + wait-on + 打包exe

目录

• 创一个vite项目
• 安装打包工具
• 配置桌面环境
• 创建 主进程 main.js
• 添加electron 运行命令
• 打包项目，生成dist
• 解决资源无法加载
• 开发环境：热更新
• 两个工具 concurrently wait-on
• 打包exe
• 解决index.html找不到的问题

创一个vite项目

npm init vite

安装打包工具

npm i -D electron // 20.1.0 npm i -D electron-builder // 23.3.3

electron是开发时运行环境，electron-builder是打包exe用的。