Lista de Clases

• Clase 1: Introducción

  • 1.- Introducción
  • 2.- ¿Qué es Webpack?
  • 3.- Conceptos básicos

• Clase 2: Instalación y configuración

  • 1.- Instalación con npm
  • 2.- Ejecutar Webpack desde la línea de comandos
  • 3.- Crear archivo webpack config
  • 4.- Usando npm build scripts
  • 5.- Usando el comando watch

• Clase 3: Webpack loaders y herramientas

  • 1.- ¿Qué es un loader?
  • 2.- Usando babel-loader
  • 3.- Usando babel-presets
  • 4.- Babel loader y react
  • 5.- Cargar CSS con webpack
  • 6.- Compilar SCSS
  • 7.- Cargar imágenes
  • 8.- Usando webpack-dev-server
  • 9.- Debuggear código con source maps

• Clase 4: Plugins y Webpack 4

  • 1.- Webpack 4
  • 2.- Actualizando el proyecto a Webpack 4
  • 3.- Definir un vendor bundle
  • 4.- Definir múltiples puntos de entrada
  • 5.- ¿Qué es un plugin?
  • 6.- Clean webpack plugin
  • 7.- UglifyJS webpack plugin
  • 8.- Webpack bundle analyzer plugin

• Clase 5: Conclusiones

  • 1.- Consideraciones finales

Proyecto del curso