Platzi
Platzi

¡Invierte en ti y celebremos! Adquiere un plan Expert o Expert+ a precio especial.

Antes: $349
$259
Currency
Antes: $349
Ahorras: $90
COMIENZA AHORA
Termina en: 9D : 2H : 36M : 35S

Debes iniciar sesión

Para ver esta clase crea una cuenta sin costo o inicia sesión

Curso de Webpack

Curso de Webpack

Oscar Barajas Tavares

Oscar Barajas Tavares

Instalación de Webpack y construcción del proyecto

4/28

👣 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
construcción del proyecto.png

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

👌

👣 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
construcción del proyecto.png

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

👌