Webpack on Commentary of Takao

Vite 6 vs Rspack: Velocidades de bundler en 2026

Tue, 05 Aug 2025 00:00:00 +0900

Vite y Rspack son los bundlers más rápidos del ecosistema. Ambos usan Rust para tareas críticas pero con filosofías diferentes.

Vite 6

Usa esbuild para desarrollo (bundling nativo en Go) y Rollup para producción (con rolldown en desarrollo para unificar). HMR instantáneo. Ecosistema maduro de plugins.

Rspack

Bundler escrito en Rust, compatible con webpack API y plugins. Ofrece migración directa desde webpack con 5-10x mejora en tiempo de build.

Comparativa

Rspack: mejor para migraciones desde webpack, SSR complejo, monorepos. Vite: mejor para proyectos nuevos, SPA, desarrollo con HMR. Ambos superan webpack 4/5 significativamente.

Module Federation: Micro-frontends con Webpack 5

Tue, 09 Jul 2024 00:00:00 +0900

Module Federation permite cargar código JavaScript desde otra aplicación en tiempo de ejecución. Es la base de los micro-frontends modernos.

Cómo funciona

Una aplicación expone módulos via ModuleFederationPlugin. Otra aplicación los consume como si fueran locales. Los módulos compartidos se cargan una sola vez.

Configuración expósitor

new ModuleFederationPlugin({
 name: 'app1',
 exposes: { './Button': './src/Button' },
 shared: { react: { singleton: true } }
})

Configuración consumidor

remotes: { app1: 'app1@http://...' }. Importa import('app1/Button'). React y otras librerías compartidas como singletons.