midudev
Webpack 5 desde cero 📦
¡UPS! Para ver vídeos en la web debes estar registrado, es totalmente gratuito.
1.282 visualizaciones
🔥 Aprende a utilizar WEBPACK 5, el empaquetador de aplicaciones web más utilizado del momento. Veremos cómo crear paso a paso una aplicación con React, cómo crear nuestro entorno de desarrollo y optimizarla.
Esta clase es parte del FullStack Bootcamp JavaScript.
Código fuente del proyecto:
https://github.com/midudev/mini-curso-practico-webpack
SEGMENTOS 🎬
00:00 - Introducción
00:44 - ¿Qué es WEBPACK?
01:53 - El punto de entrada de tu aplicación
03:18 - Creando aplicación desde cero con Webpack
05:00 - Instalando Webpack y el CLI desde la terminal
07:47 - Creando configuración de Webpack
11:15 - Usando Babel en Webpack. ¿Qué es un Loader?
16:30 - Usando el nuevo jsx runtime de React
18:35 - Refactorizando configuración de Webpack
20:53 - Cargando CSS en nuestra aplicación con Webpack
26:30 - Usando plugins en Webpack para el HTML
29:00 - Creando un entorno de desarrollo en Webpack
34:15 - Activar Source Maps en Webpack
40:45 - Crear configuración de desarrollo y producción
42:00 - Usando hashes en los archivos de Webpack
Esta clase es parte del FullStack Bootcamp JavaScript.
Código fuente del proyecto:
https://github.com/midudev/mini-curso-practico-webpack
SEGMENTOS 🎬
00:00 - Introducción
00:44 - ¿Qué es WEBPACK?
01:53 - El punto de entrada de tu aplicación
03:18 - Creando aplicación desde cero con Webpack
05:00 - Instalando Webpack y el CLI desde la terminal
07:47 - Creando configuración de Webpack
11:15 - Usando Babel en Webpack. ¿Qué es un Loader?
16:30 - Usando el nuevo jsx runtime de React
18:35 - Refactorizando configuración de Webpack
20:53 - Cargando CSS en nuestra aplicación con Webpack
26:30 - Usando plugins en Webpack para el HTML
29:00 - Creando un entorno de desarrollo en Webpack
34:15 - Activar Source Maps en Webpack
40:45 - Crear configuración de desarrollo y producción
42:00 - Usando hashes en los archivos de Webpack