Aprende Webpack paso a paso
Te explico cómo funciona Webpack paso a paso, desde cero. Crearemos una aplicación sencilla para ver cómo funcionan todos los conceptos: plugins, loaders y las opciones que nos ofrece.
Suscríbete al canal para más vídeos 👇
https://youtube.com/midudev?sub_confirmation=1
Código del Live Coding: https://github.com/midudev/webpack-paso-a-paso-live-coding
Awesome Webpack: https://github.com/webpack-contrib/awesome-webpack
SEGMENTOS 📹
00:00 - Presentación
03:20 - ¿Qué hace Webpack?
04:40 - Creando nuestro proyecto
06:35 - Empezamos una página estática con Servor
08:22 - ¿Por qué necesitamos Webpack?
13:35 - La solución de EcmaScript Modules
16:40 - Instalando las dependencias de Webpack
18:07 - Hacer una build en Webpack
24:59 - Modo desarrollo y producción
27:00 - Preguntas del chat
29:15 - Modo watch de Webpack
31:28 - El concepto de los loaders
39:53 - Instalando el loader de babel
41:14 - Creando el webpack.config.js
01:30:35 - Últimas preguntas
#webpack #aprenderWebpack #WebpackDesdeCero
Видео Aprende Webpack paso a paso канала midudev
Suscríbete al canal para más vídeos 👇
https://youtube.com/midudev?sub_confirmation=1
Código del Live Coding: https://github.com/midudev/webpack-paso-a-paso-live-coding
Awesome Webpack: https://github.com/webpack-contrib/awesome-webpack
SEGMENTOS 📹
00:00 - Presentación
03:20 - ¿Qué hace Webpack?
04:40 - Creando nuestro proyecto
06:35 - Empezamos una página estática con Servor
08:22 - ¿Por qué necesitamos Webpack?
13:35 - La solución de EcmaScript Modules
16:40 - Instalando las dependencias de Webpack
18:07 - Hacer una build en Webpack
24:59 - Modo desarrollo y producción
27:00 - Preguntas del chat
29:15 - Modo watch de Webpack
31:28 - El concepto de los loaders
39:53 - Instalando el loader de babel
41:14 - Creando el webpack.config.js
01:30:35 - Últimas preguntas
#webpack #aprenderWebpack #WebpackDesdeCero
Видео Aprende Webpack paso a paso канала midudev
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![¿El asesino de Webpack 🔪? esbuild, el empaquetador más RÁPIDO. ⚡](https://i.ytimg.com/vi/EVoqj6bhMlk/default.jpg)
![Module Bundlers Explained... Webpack, Rollup, Parcel, and Snowpack](https://i.ytimg.com/vi/5IG4UmULyoA/default.jpg)
![Mis DESASTROSOS inicios en la PROGRAMACIÓN 😱 - ¿No sirvo para programar? (Experiencia REAL)](https://i.ytimg.com/vi/ILS4yYrxY6s/default.jpg)
![Por qué usar Webpack](https://i.ytimg.com/vi/7ZGIh-7t9hc/default.jpg)
![💬 ¡Descubre las TENDENCIAS en CSS! Hablamos de STATE of CSS 2020 🖼](https://i.ytimg.com/vi/d38uuW9L3Os/default.jpg)
![](https://i.ytimg.com/vi/U8C2LsrYs00/default.jpg)
![Curso REACT JS ⚛️ - Aprende desde CERO 📈 Componentes, State, JSX (Tutorial Desde Cero en Español)](https://i.ytimg.com/vi/T_j60n1zgu0/default.jpg)
![Dynamic Websites vs Static Pages vs Single Page Apps (SPAs)](https://i.ytimg.com/vi/Kg0Q_YaQ3Gk/default.jpg)
![Creating and Understanding a Basic Webpack 5 Setup](https://i.ytimg.com/vi/X1nxTjVDYdQ/default.jpg)
![La ruta para aprender desarrollo web profesional](https://i.ytimg.com/vi/ExsGyZDBlJQ/default.jpg)
![Resuelvo una prueba de ENTREVISTA TECNICA para PUESTO PROGRAMADOR FRONTEND](https://i.ytimg.com/vi/I27ZJU2_-Og/default.jpg)
![Webpack 4, Curso Práctico](https://i.ytimg.com/vi/vF2emKbaP4M/default.jpg)
![Creando Custom Hooks y usando Context para conseguir un estado global en ReactJS](https://i.ytimg.com/vi/2qgs7buSnHQ/default.jpg)
![Understanding webpack from the inside out](https://i.ytimg.com/vi/gEBUU6QfVzk/default.jpg)
![9 Errores que Te Hacen Perder el Tiempo • ESCAPA de las Trampas](https://i.ytimg.com/vi/5l1GvUqwXGw/default.jpg)
![Aprende a programar rápido con este truco 🃏](https://i.ytimg.com/vi/BKdp8Fk3xVs/default.jpg)
![🙀 ¡25 cosas que NO SABES de JAVASCRIPT! 🎉 Curiosidades, anécdotas y el futuro del lenguaje 🚀](https://i.ytimg.com/vi/swfvSLCXxHE/default.jpg)
![Primeros pasos con Webpack 5](https://i.ytimg.com/vi/Qkjib58zKWA/default.jpg)
![Aprendiendo NextJS, el framework de React con Server Side Rendering](https://i.ytimg.com/vi/2jxc8DMzt0I/default.jpg)
![7 Hábitos para Dejar de Sentirte CANSADO Todo el Tiempo](https://i.ytimg.com/vi/F7h9f56ze7I/default.jpg)