Aprende Webpack paso a paso

Aprende qué es Webpack, su importancia, y cómo usar esta herramienta para automatizar el proceso de empaquetación (minificar, comprimir y juntar archivos) en el desarrollo web.

Aprende Webpack paso a paso

Esta serie consta de 4 capítulos.

Nivel de dificultad: Intermedio.

Has visto esta serie al 0 %

Recuerda que debes iniciar sesión para que puedas llevar un control de tu progreso.

Empezar serie

Episodios

01

Episodio 1 Duración 06:17

Introducción a Webpack: ¿Qué es y por qué es importante?

En esta nueva serie aprenderemos a usar Webpack para automatizar nuestro proceso de empaquetación de archivos JS, CSS y assets en general.

02

Episodio 2 Duración 11:02

Cómo instalar y usar Webpack

En este capítulo instalamos Webpack desde cero, vía NPM. Revisamos qué representa el archivo package.json, y las carpetas src y dist.

Hacemos uso de Webpack de la forma más simple, y revisamos qué significa cada comando que ejecutamos a detalle.

03

Episodio 3 Duración 07:08

Webpack: Un archivo de configuración y el comando NPM RUN

¿Cómo podemos ejecutar Webpack de una forma más directa?

¿Cómo funciona "npm run"? Respondamos estas preguntas.

04

Episodio 4 Duración 21:02

Módulos en Javascript. ¿Qué es CommonJS y AMD?

Aprende sobre módulos en Javascript, y la gestión de dependencias. Además de la relación entre: CommonJS, AMD, ES2015, require.js, Dojo, System.js, browserify, gulp y webpack.

¿Nos ayudas a compartir?