# Inside a pipeline: demystifying Vite and its plugins

> See how Vite processes each request with transformations, plugins, virtual modules, middleware, and HMR to extend modern web development.

- Date: 2026-06-18
- Event: [Voxxed Days Luxembourg](<https://luxembourg.voxxeddays.com/en/>)
- Location: Luxembourg, Luxembourg
- Topics: bundlers, esm, hot-module-replacement, middleware, module-transforms, plugin-development, virtual-modules, vite

## Resources

- [Slides](<https://talks.soubiran.dev/2026-06-18/voxxeddays-luxembourg>)
- [PDF](<https://talks.soubiran.dev/2026-06-18/voxxeddays-luxembourg/pdf>)
- [Source code](<https://talks.soubiran.dev/2026-06-18/voxxeddays-luxembourg/src>)

## Summary

Vite connects source files to the browser through a pipeline that resolves, loads, and transforms modules on demand. This talk explains the same pipeline through CSS, images, JSX, Vue files, Markdown, and build-time data, then shows how `vite-plugin-inspect` can make those transformations visible.

The second half focuses on plugin development. It covers the main module hooks, lifecycle hooks, simple transformations, external Markdown loading, automatic imports, virtual modules, generated routes, virtual data, icons, build metadata, HMR, middleware, macros, command execution, Laravel Vite, and Nitro.