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.

Configurazione ed ecosistema dello strumento di creazione Vite. Copre la configurazione di vite.config.ts, creazione di plugin e plugin popolari, configurazione del server di sviluppo (proxy, HMR, HTTPS), ottimizzazione della build (chunking, tree-shaking, blocchi manuali, rollupOptions), modalità libreria per la pubblicazione di pacchetti, configurazione SSR, variabili di ambiente (gestione di .env), app multipagina, gestione CSS (PostCSS, moduli CSS, preprocessori) e gestione delle risorse. Da utilizzare durante la configurazione di progetti Vite, la creazione di plug-in Vite, l'ottimizzazione delle build, l'impostazione dei proxy del server di sviluppo, la configurazione di SSR, la gestione delle variabili di ambiente o la risoluzione dei problemi di Vite. Fonte: oakoss/agent-skills.