Semplificare Vite
Gli strumenti datati come Webpack o Create React App funzionano effettuando prima il bundling dell'intero progetto. Lo strumento legge ogni file e li trasforma in un unico, enorme file JavaScript. Questo approccio funziona per i piccoli progetti, ma fallisce con quelli di grandi dimensioni. Nei progetti più grandi, questo processo richiede molti secondi. Ogni volta che salvi un file, lo strumento deve rifare gran parte di quel lavoro.
Vite funziona in modo diverso. I browser moderni supportano nativamente gli ES modules. Ciò significa che il browser può gestire autonomamente import ed export. Vite non esegue il bundling del codice durante lo sviluppo. Serve ogni file come modulo separato solo quando il browser lo richiede.
Immagina un ristorante a buffet. Lo chef cucina ogni singolo piatto prima di aprire le porte. Se desideri una piccola modifica, lo chef deve rifare l'intero buffet. È così che funziona Webpack. Più il progetto è grande, più tempo devi aspettare.
Vite è come un ristorante à la carte. Le porte si aprono immediatamente. Ordini un piatto. Lo chef prepara solo quel piatto. Se più tardi desideri un dolce, lo chef preparerà solo il dolce. Non devi aspettare che l'intero menu sia pronto.
Vite utilizza due strategie diverse per due esigenze differenti:
Sviluppo (vite dev) • Strategia: Serve moduli ESM nativi senza bundling. • Velocità di avvio: Istantanea. Non dipende dalla dimensione del progetto. • Perché: Le richieste HTTP locali sono veloci sul tuo computer.
Produzione (vite build) • Strategia: Esegue il bundling di tutto utilizzando Rolldown. • Velocità di avvio: Il tempo aumenta con la dimensione del progetto. • Perché: Centinaia di file separati causano troppe richieste HTTP per gli utenti. Il bundling risolve questo problema.
Vite ti offre velocità mentre scrivi il codice ed efficienza al momento del rilascio.
Fonte: https://dev.to/yuripeixinho/descomplicando-o-vite-1p62