Inside a pipeline: demystifying Vite and its plugins

Vite is a development server, a production bundler, and a plugin system built around a request pipeline. This talk follows files such as CSS, images, JSX, Vue components, and Markdown as Vite resolves, loads, and transforms them.

It then builds several plugins using hooks such as resolveId, load, transform, config, configResolved, buildStart, and buildEnd. The examples cover automatic imports, virtual modules, generated routes, build information, external Markdown, middleware, HMR, macros, command execution, Laravel integration, and Nitro.