英文原文正文为项目原始 README（英文），本站后续会翻译为中文，当前仅剔除图片与无关章节并统一排版。

基于 Vite 的下一代 Electron 构建工具

文档 | 入门指南 | create-electron

中文文档

功能

• ⚡️ 由 Vite 提供动力，并以相同的方式使用。
• 🛠 预配置了适用于 Electron 的合理默认值。
• 💡 优化 Electron 主进程的资源处理。
• 🚀 快速 HMR 和热重载。
• 🔥 为多入口应用开发提供独立构建。
• ✨ 简化多线程开发。
• 🔒 将代码编译为 v8 字节码以保护源代码。
• 🔌 在 VSCode 或 WebStorm 等 IDE 中轻松调试。
• 📦 开箱即用支持 TypeScript、Vue、React、Svelte、SolidJS 等。

使用

安装

npm i electron-vite -D

开发与构建

在安装了 electron-vite 的项目中，你可以直接使用 electron-vite 二进制文件，通过 npx electron-vite 或者将 npm 脚本添加到你的 package.json 文件中，如下所示：

{
  "scripts": {
    "start": "electron-vite preview",
    "dev": "electron-vite dev",
    "prebuild": "electron-vite build"
  }
}

配置

当从命令行运行 electron-vite 时，electron-vite 会自动尝试解析项目根目录下名为 electron.vite.config.js 的配置文件。最基本的配置文件如下所示：

// electron.vite.config.js
export default {
  main: {
    // vite config options
  },
  preload: {
    // vite config options
  },
  renderer: {
    // vite config options
  }
}

入门指南

克隆 electron-vite-boilerplate 或使用 create-electron 工具来搭建你的项目。

npm create @quick-start/electron@latest

当前支持的模板预设包括：

贡献

请参阅 贡献指南。

许可

MIT © alex.wei