Curso de Fundamentos de Webpack 5

Esta formación sobre los fundamentos de Webpack 5 está pensada para programadores frontend con conocimiento previo de JavaScript y que quieran aprender a empaquetar y preparar sus aplicaciones para entornos de producción.

Para seguirla de una forma adecuada, comprendiendo todo lo que se explica, es imprescindible tener cierta soltura programando en JavaScript y tener conocimientos previos sobre sistemas de módulos, ya que en el curso los introduciremos, pero no profundizaremos en ellos.

Comenzamos el curso con una completa introducción en la que, además de conocer al profesor que la imparte y cómo se divide el temario, veremos qué es Webpack y por qué vamos a usarlo, el proyecto que vamos a desarrollar a lo largo de la formación y cómo realizar la instalación del entorno que emplearemos.

Después veremos dos bloques centrados en los componentes de Webpack, como son los Loaders y Plugins. Analizaremos los más utilizados, explicando más a fondo cada uno de ellos, para qué sirven y cómo funcionan, para poder aplicarlos después al proyecto que desarrollaremos con React.

También se explicarán las diferentes herramientas de Webpack, que nos permiten mejorar el desarrollo del proyecto en general. Profundizaremos en algunas como DevTool, DevServer, Resolver y Webpack Bundle Analyzer.

Para finalizar el curso, se explicará todo lo referente al empaquetado final de nuestro proyecto para llevarlo a producción, desde el uso de modos de Webpack 5 y las variables de entorno, hasta compartir dependencias entre puntos de entrada, la extracción del CSS o la optimización de la caché.