Vite

Testing 🟢 Junior

Definition

Outil de build nouvelle generation par Evan You (createur de Vue). Dev server ultra-rapide base sur ESM natif, build de production avec Rollup. Standard moderne.

Analogie

Comme passer d'un four traditionnel a un micro-ondes : le resultat est le meme, mais la vitesse est incomparable.

Exemple de code

// vite.config.ts
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig({
  plugins: [react()],
  server: { port: 3000 },
  build: { sourcemap: true },
});

Cas d'usage

Pour tout nouveau projet frontend (React, Vue, Svelte) necessitant un dev server rapide et un build optimise.

Anti-pattern

Surcharger Vite avec des plugins Webpack portabilises au lieu d'utiliser les alternatives natives Vite.

Termes lies

#build#tooling#moderne