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.

Configuration et écosystème de l'outil de build Vite. Couvre la configuration de vite.config.ts, la création de plugins et les plugins populaires, la configuration du serveur de développement (proxy, HMR, HTTPS), l'optimisation de la construction (chunking, tree-shaking, morceaux manuels, rollupOptions), le mode bibliothèque pour la publication de packages, la configuration SSR, les variables d'environnement (gestion .env), les applications multipages, la gestion CSS (PostCSS, modules CSS, préprocesseurs) et la gestion des actifs. À utiliser lors de la configuration de projets Vite, de la création de plugins Vite, de l'optimisation des builds, de la configuration de proxys de serveur de développement, de la configuration de SSR, de la gestion des variables d'environnement ou du dépannage des problèmes Vite. Source : oakoss/agent-skills.