Webpack es un paquete de módulos gratuito y de código abierto para JavaScript . [5] [6] [7] [8] Está hecho principalmente para JavaScript, pero puede transformar activos de front-end como HTML, CSS e imágenes si se incluyen los cargadores correspondientes. [9] Webpack toma módulos con dependencias y genera activos estáticos que representan esos módulos. [10]
Webpack toma las dependencias y genera un gráfico de dependencias que permite a los desarrolladores web utilizar un enfoque modular para el desarrollo de aplicaciones web. Se puede utilizar desde la línea de comandos o se puede configurar mediante un archivo de configuración llamado webpack.config.js . Este archivo define reglas, complementos, etc. para un proyecto. (Webpack es altamente extensible a través de reglas que permiten a los desarrolladores escribir tareas personalizadas que desean realizar al agrupar archivos).
Se requiere Node.js para utilizar Webpack.
Webpack proporciona código a pedido utilizando el nombre code splitting . Webpack admite dos técnicas similares en lo que respecta a la división dinámica de código. El primer enfoque recomendado es utilizar la sintaxis import() que se ajusta a la propuesta ECMAScript para importaciones dinámicas. El enfoque heredado, específico de Webpack, es utilizar require.ensure . [11]
Webpack también proporciona un servidor de desarrollo integrado, webpack-dev-server , que se puede utilizar como servidor HTTP para entregar archivos durante el desarrollo. También ofrece la capacidad de utilizar el reemplazo de módulo activo (HMR), que actualiza el código en una página web sin necesidad de que el desarrollador vuelva a cargar la página.