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

> Décryptez comment Vite traite chaque requête avec ses transformations, plugins, modules virtuels, middleware et HMR afin d'étendre le développement web moderne.

- Date: 2026-06-18
- Événement: [Voxxed Days Luxembourg](<https://luxembourg.voxxeddays.com/en/>)
- Lieu: Luxembourg, Luxembourg
- Sujets: bundlers, esm, hot-module-replacement, middleware, module-transforms, plugin-development, virtual-modules, vite

## Ressources

- [Diapositives](<https://talks.soubiran.dev/2026-06-18/voxxeddays-luxembourg>)
- [PDF](<https://talks.soubiran.dev/2026-06-18/voxxeddays-luxembourg/pdf>)
- [Code source](<https://talks.soubiran.dev/2026-06-18/voxxeddays-luxembourg/src>)

## Résumé

Cette présentation suit le parcours d'un module dans Vite, depuis sa résolution jusqu'à sa transformation pour le navigateur. Les exemples utilisent le CSS, les images, le JSX, les fichiers Vue, le Markdown et les données générées au moment du build. `vite-plugin-inspect` sert à observer cette pipeline.

La suite montre comment développer des plugins avec `resolveId`, `load`, `transform` et les hooks du cycle de vie. Elle aborde les transformations simples, le Markdown externe, les imports automatiques, les modules virtuels, les routes générées, les icônes, les informations de build, le HMR, les middlewares, les macros, Laravel Vite et Nitro.