Instalación de Webpack y construcción del proyecto

👣 Pasos de la clase

1. Clonar el proyecto

   git clone https://github.com/gndx/js-portfolio.git
   

2. Instalar webpack
   con npm

   npm install webpack webpack-cli -D 
   

   con Yarn

   yarn add webpack webpack-cli -D 
   

El proyecto

git clone https://github.com/gndx/js-portfolio.git

INSTALATION OF WEBPACK AND CONSTRUCTION OF THE PROYECT 😄

Entendimos las bases de webpack pero ahora vamos a crear un proyecto que nos va a permitir trabajar con todas las particularidades que nos brinda webpack y preprarlo para mandarlo a produccion

• CSS
• Imágenes
• fonts
• optimización de código

El proyecto que realizaremos será un pequeño portafolio en el que podremos ver nuestra foto y nuestro nombre y redes sociales.

Lo clonamos de aqui y hacemos uso de los assets que previamente nos prepararon

gndx/js-portfolio

Luego de ello instalaremos webpack para configurar nuestro proyecto

utilizamos el comando para poder ver webpack en mod production

npx webpack --mode production

👌