# Au cœur d'une pipeline : démystifions Vite et ses plugins

> Découvrez le fonctionnement essentiel de Vite : serveur de développement ESM, transformations à la demande, système de plugins et modules virtuels.

- Date: 2026-06-09
- Événement: [Paris TypeScript](<https://typescript.paris/>)
- Lieu: Paris, France
- Sujets: bundlers, esm, module-transforms, plugin-development, virtual-modules, vite

## Ressources

- [Diapositives](<https://talks.soubiran.dev/2026-06-09/paris-typescript>)
- [PDF](<https://talks.soubiran.dev/2026-06-09/paris-typescript/pdf>)
- [Code source](<https://talks.soubiran.dev/2026-06-09/paris-typescript/src>)

## Résumé

Vite traite les requêtes entre les fichiers d'un projet et le navigateur. Cette présentation montre comment il transforme à la volée les imports d'images et d'autres formats afin de renvoyer du JavaScript compréhensible par le navigateur, puis comment il prépare le code pour la production.

Elle présente la structure d'un plugin et ses trois hooks principaux, `resolveId`, `load` et `transform`. La dernière partie explique aussi les modules virtuels, qui permettent à un plugin de générer du code pour un module qui n'existe pas sur le disque.