vite

Vite is a next-generation frontend build tool that provides instant dev server start via native ES modules and optimized production builds via Rollup. It supports TypeScript, JSX, CSS preprocessors, and static assets out of the box with zero configuration.

When to use: Single-page apps, multi-page apps, library publishing, SSR applications, monorepo packages, any modern frontend project needing fast dev feedback and optimized builds.

When NOT to use: Legacy browsers requiring ES5 output without transpilation, projects locked to Webpack-specific loaders with no Vite equivalents, non-JavaScript build pipelines.

Configuración y ecosistema de la herramienta de compilación de Vite. Cubre la configuración de vite.config.ts, la creación de complementos y complementos populares, la configuración del servidor de desarrollo (proxy, HMR, HTTPS), la optimización de la compilación (fragmentación, agitación de árboles, fragmentos manuales, rollupOptions), modo de biblioteca para publicar paquetes, configuración SSR, variables de entorno (manejo de .env), aplicaciones de varias páginas, manejo de CSS (PostCSS, módulos CSS, preprocesadores) y manejo de activos. Úselo al configurar proyectos de Vite, crear complementos de Vite, optimizar compilaciones, configurar servidores proxy de desarrollo, configurar SSR, manejar variables de entorno o solucionar problemas de Vite. Fuente: oakoss/agent-skills.