Build-Tools on Commentary of Takao

Monorepos con Turborepo: Gestión eficiente de proyectos

Tue, 24 Sep 2024 00:00:00 +0900

Turborepo es una herramienta de construcción de alto rendimiento para monorepos JavaScript/TypeScript. Acelera builds con caché y paralelización.

Por qué monorepo

Código compartido entre proyectos, dependencias únicas, cambios atómicos, CI unificada. Ideal para equipos que mantienen múltiples paquetes.

Turborepo vs Nx

Turborepo: más simple, configuración mínima, caché remota integrada con Vercel. Nx: más características, generadores, migraciones automáticas.

Configuración

turbo.json define pipeline de tareas. dependsOn para orden de ejecución. cache para outputs. outputs para artefactos cacheados.

Desarrollo de plugins para Vite

Mon, 05 Feb 2024 00:00:00 +0900

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.