vite-electron-build

What problem does it solve?

Vite + Electron 构建配置最佳实践。当需要配置 Vite 构建工具、优化 Electron 主进程与渲染进程构建、实现开发环境热重载、优化生产环境打包、或实现代码分割与懒加载时使用此 skill。

Core Features & Use Cases

• Config optimization: Fine-tuned Vite config for Electron main and renderer processes, improved startup times, and stable HMR.
• Production packaging: Production-ready bundling with code-splitting, asset hashing, and platform-specific packaging guidance.
• Development workflow: Setup for parallel renderer/main development servers, type-safe TS integration, and efficient debugging.
• Use Case: Teams building Electron apps with React/TS can adopt this guide to accelerate delivery and maintain performance.

Quick Start

Install dependencies and run the development script to start both renderer and main processes.