cyberneticlibrary

Master Vite build tool patterns

vite-patternsskillsetup L20
Sheshiyer/skill-clusters
What it does

Configure Vite build, dev server, HMR, and plugins

Best for

Optimize build output and fix dependency pre-bundling or HMR issues

Inputs
  • · vite.config.ts stub
  • · plugin list
  • · env var names
Outputs
  • · complete vite.config.ts
  • · resolved build/dev/ssr settings
Requires
  • · Node.js
  • · npm/pnpm
  • · Rollup/Rolldown
Preconditions

Vite 8+ project, Node 18+

Failure modes
  • · CJS/ESM interop issues when .vite prebundle cache is stale
  • · HMR fails if dev server proxy misconfigured
Trust signals
  • · Explains dev vs build mode trade-offs
  • · Documents Rolldown vs Rollup selection logic