Featured image of post Desarrollo de plugins para ViteFeatured image of post Desarrollo de plugins para Vite

Desarrollo de plugins para Vite

Complete guide to developing Vite plugins covering the plugin API, Rollup compatibility, virtual modules, HMR integration, config resolution, and publishing to npm.

Los plugins de Vite transforman código en tiempo de build y desarrollo. Siguen la interfaz de Rollup con hooks específicos de Vite.

Hooks básicos

resolveId, load, transform son los hooks universales. handleHotUpdate para HMR personalizado. config para modificar la configuración de Vite.

Ejemplo de plugin

export function myPlugin() {
  return {
    name: 'my-plugin',
    transform(code, id) {
      if (id.endsWith('.special')) {
        return transformSpecial(code);
      }
    }
  };
}

Hooks de Vite

configResolved, configureServer, transformIndexHtml, closeBundle. Cada hook se ejecuta en una fase específica del pipeline.

Publicación

Los plugins de Vite se publican en npm con el prefijo vite-plugin-. Sigue las guías de la documentación oficial para compatibilidad con SSR y tipos.