En el minuto 6:36 no se mira el comando, aquà se los dejo:
npm install webpack webpack-cli -D
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
Oscar Barajas Tavares
Aportes 6
Preguntas 1
En el minuto 6:36 no se mira el comando, aquà se los dejo:
npm install webpack webpack-cli -D
Webpack es un empaquetador de módulos que nacio en 2012, por un desarrollador aleman Tobias Koppers, y es la herramienta más utilizada actualmente dentro de los empaquetadores que existen en JS.
.
bundle → Si tenemos muchos elementos o módulos con dependencias que tendremos separados por archivos (arquitectura amigable para poder encontrar los elementos), pero al final cuando queramos enviar nuestro producto a producción usamos webpack para poder empaquetar los diferentes archivos.
.
node_modules
→ Carpeta donde se instalan las dependencias que agregamos.
.
package-lock.json
→ Historial y el árbol de cada una de las dependencias que se han instalado.
.
package.json
→ Archivo principal donde tenemos información del proyecto.
Si tienen instalado zsh en la terminal de mac, pueden usar
take nombre_carpeta
Y lo que hará es crear la carpeta y ubicarles en ella.
En windows el siguiente comando crea el proyecto y les abre el editor de codigo:
mdkir webpack && cd webpack && git init && npm init -y && npm i webpack webpack-cli -D && code .
Para los que se preguntan por el tema de vscode, es synthwave https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode
Y el tema me parece que es JetBrainsMono.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?