Aprende Webpack desde cero

Webpack es omnipresente en el ecosistema de desarrollo Web front-end.Webpack se encarga de empaquetar, transformar y distribuir los recursos de cualquier proyecto Web, tales como imágenes, SVG, CSS, JavaScript y demás.

Cada uno de esos recursos se añade al gráfico de dependencia (pronto sabrás lo que es) para que Webpack lleve un control de su estado, versión, etc. Pero eso no es todo, con los loaders y plugins (que por supuesto también veremos) podrás aplicar transformaciones a esas dependencias.

Por ejemplo, compilar SASS, transpilar JavaScript moderno a versiones más compatibles u optimizar imágenes, disfrutar de una experiencia de desarrollo con Hot Module Reloading o cargar en diferido partes de nuestra aplicación sólo cuando son necesarias, por citar una ínfima parte de lo que puede hacer esta herramienta.

En el curso de Webpack aprenderás:

  • Fundamentos de Webpack.
  • Configuración esencial.
  • Cómo funcionan los Webpack loaders.
  • Cómo extender Webpack con plugins.
  • Como usar estrategias de cache.
  • Implementar lazy loading y code splitting con Webpack.
  • Crear un workflow de desarrollo con HMR.
  • Combinar Vue, Vue Loader y Webpack en tus proyectos.
  • Aplicar todas las características de Webpack en cualquier aplicación, desde cero.
  • Mucho más.

Ahora, seamos claros: Webpack es intimidante al principio y es normal que quizá hayas pospuesto el aprenderlo. Pero si dedicas unos minutos cada día te prometo que en poco tiempo tendrás los conocimientos esenciales para comenzar a utilizarlo en tus proyectos.

Vamos a comenzar.

Introducción

Conoce qué es Webpack


Conceptos esenciales

Para que entiedas como funciona


Uso práctico

En proyectos Vue y JavaScript


No te pierdas ninguna novedad

Escuela Vue en Twitter

Participa en la Comunidad Escuela Vue

Comunidad Escuela Vue