Introducción al desarrollo Frontend

Webpack es un must

Webpack es una herramienta para empaquetado de archivos de sitios web, usada para el desarrollo frontend. Se dedica a empaquetar en paquetes, comúnmente conocidos como "bundles", todo el conjunto de ficheros que necesita un proyecto para funcionar, con todas sus dependencias frontend.

Por ejemplo, Webpack es capaz de preparar un archivo Javascript con el código de todo tu proyecto, dependencias incluidas, minimizado y transpilado. O un archivo con tu CSS, una vez pasados los correspondientes preprocesadores, etc.

webpack.config.js

Usar Webpack en un principio no es difícil, aunque a medida que tu grado de personalización y la complejidad de la aplicación aumenta, es posible que no sea tan fácil. Esto es porque tendremos que controlar más cosas con Webpack y agregar más código de configuración, plugins, etc.

<img width="300px" src="https://desarrolloweb.com/archivoimg/general/4571.jpg" alt="transitions">

Happy Coding! ❤

Recursos extra

• Webpack docs
• Archivo de configuración
• NPM instalaciones globales
• Webpack-cli