Vite

Testing 🟢 Junior

Définition

Outil de build nouvelle génération par Evan You (créateur 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 résultat est le même, 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) nécessitant 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 liés

#build#tooling#moderne

← → au clavier pour passer d'une fiche à l'autre