Summary
Keywords
Full Transcript
🔥 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. Mira todas las clases aquí: https://midu.link/bootcamp Código fuente del proyecto: https://github.com/midudev/mini-curso-practico-webpack ©️ Clase basada en el original FullStack Open que tiene toda la atribución al contenido de la clase: https://fullstackopen.com/es/ 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
