Webpack for Beginners

Introducción breve y paso a paso a webpack 4, escrita por Mohamed Bouzid y publicada por Apress en 2020 con el subtítulo «Your Step-by-Step Guide to Learning Webpack 4». Está dirigida a principiantes que nunca han configurado un empaquetador y solo conocen lo básico de HTML, JavaScript y la línea de comandos. El autor evita los ejemplos complejos para que el lector entienda qué hace cada parte de la configuración.

Empieza con la instalación de webpack con npm y el primer archivo de configuración, y sigue con la escritura de código modular con `import`/`export`. Luego explica los loaders y plugins para procesar CSS, imágenes y otros recursos y generar el HTML, y la caché con nombres de archivo con hash (cache busting). También muestra cómo resolver carpetas y definir alias, y cómo trabajar con webpack DevServer y el reemplazo de módulos en caliente (HMR). Aborda la optimización para producción y la integración de librerías de terceros como jQuery, Bootstrap y QuillJS.

El lector practica configurando un proyecto de ejemplo que se va ampliando de un capítulo a otro, más que construyendo una aplicación real. Es una buena primera toma de contacto para perderle el miedo a `webpack.config.js` y entender los conceptos de entrada, salida, loaders y plugins, que siguen vigentes. Conviene saber que trata webpack 4: en webpack 5 cambian varios detalles (Asset Modules en lugar de file-loader/url-loader, caché persistente, Module Federation), y hoy muchas herramientas como Vite ocultan esta configuración. No cubre TypeScript, React ni configuraciones avanzadas como el code splitting en profundidad.