Un empaquetador te permite gestionar tu código, ver que se utiliza y que no, poner restricciones y reglar, ver que tipo de recursos admitir también como referenciar estos recursos al momento de hacer un deploy a producción para gestionar mejor el tema de optimización y seguridad.
Introduccion
Bienvenida al curso de Empaquetadores Web
¿Qué es un empaquetador de módulos de JavaScript?
Empaquetadores de módulos más populares
¿Por qué necesitamos un empaquetador de módulos?
Webpack
Primeros pasos en Webpack
Configuración de webpack
Proyecto a empaquetar: Tu propio árbol de links
Lógica del árbol de links tipo linktree
Empaquetando un proyecto con webpack
Parcel
Primeros pasos en Parcel
Proyecto a empaquetar: single page con Vanilla JavaScript
Lógica del proyecto single page
Empaquetando un proyecto con parcel
ESBuild
Primeros pasos en ESBuild
Proyecto a empaquetar: contador de React
Empaquetando nuestro proyecto con ESBuild
Configuración de ESBuild serve
Rollup
Primeros pasos en Rollup
Configurando plugins de Rollup
Proyecto a empaquetar: Fake API
Empaquetando nuestro proyecto con Rollup
Vite
Empaquetando un proyecto con Vite
Conclusiones
Ventajas y Desventajas de los empaquetadores
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
¿Por qué necesitamos un empaquetador de módulos?
4/23Recursos
Aportes 5
Preguntas 2
Ordenar por:
Resumen: Optimizan todo nuestro código y recursos para llevarlo a producción
Antes no me gustaba como el profe daba las explicaciones, sentía que le daba muchas vueltas al asunto.
.
Sin embargo en esta clase, me gusto como explicó el concepto. No se si será porque yo ya tengo un conocimiento más amplio del desarrollo web y ya entiendio lo que dice o porque el profe mejoro su manera de explicar.
.
Talvez un poco de ambos
La necesidad de usar un empaquetador web nace a partir del crecimiento de un proyecto web. Una aplicación web se compone de muchos módulos pequeños, que al final se unen para formar una aplicación entera, dentro de nuestros módulos tenemos archivos de todo tipo, por lo que se hace uso de una arquitectura para organizar todos los archivos de nuestra aplicación en diferentes directorios.
El trabajo del empaquetador web es tomar como entrada todos los archivos que componen nuestra aplicación, realiza una serie de procesos pre configurados sobre estos archivos dependiendo qué tipo de archivo sea, y finalmente entregar un paquete de archivos que será nuestro proyecto listo para ejecutarse en producción.
Algunos de los procesos que ocurren en el empaquetador web pueden ser:
* Minificación de código.
* Compresión de imágenes.
* Eliminación de código muerto (código que no se usa).
* Modularización de código.
* Carga diferida de módulos.
Además, estos también se pueden integrar con otras herramientas, como compiladores de código (como Babel), preprocesadores de CSS (como Sass) y sistemas de construcción (como Gulp).
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?