{{Ficha de software|nombre=webpack|logo=Webpack.svg|desarrollador=Tobias Koppers, Sean Larkin, Johannes Ewald, Juho Vepsäläinen, Kees Kluskens, and Webpack contributors|licencia=[[MIT License]]|última_versión=4.43.0|fecha_última_versión={{Start date and age|2020|04|21}}<ref name="previous-releases">{{cite web | url=https://github.com/webpack/webpack/releases/latest | accessdate=2019-01-20 | title=Releases · Webpack/Webpack}}</ref>|lenguaje programación=[[JavaScript]]|sistema_operativo=[[Cross-platform]]}}'''webpack''' es un paquete de módulos de [[JavaScript]] de [[código abierto]]. Está hecho principalmente para JavaScript,<ref>{{Cita web|url=https://developers.google.com/web/fundamentals/performance/webpack/|título=Web Performance Optimization with webpack|fechaacceso=16 Oct 2018|editorial=[[Google Developers]]}}</ref><ref>{{Cita web|url=https://www.sitepoint.com/beginners-guide-webpack-module-bundling/|título=A Beginner’s Guide to webpack 4 and Module Bundling|fechaacceso=16 Oct 2018|editorial=[[SitePoint]]}}</ref><ref>{{Cita noticia|url=https://www.infoq.com/news/2018/02/webpack-4-0-brings-simplified|título=Webpack 4.0 Release Brings Simplified Configuration, WebAssembly Support, and Big Performance Boost|editorial=InfoQ|fechaacceso=16 Oct 2018}}</ref><ref>{{Cita web|url=https://www.codementor.io/drewpowers/high-performance-webpack-config-for-front-end-delivery-90sqic1qa|título=High-performance webpack config for front-end delivery|fechaacceso=16 Oct 2018|editorial=[[Codementor]]}}</ref><ref>[https://codilime.com/tips-on-migrating-to-webpack-4-from-webpack-3/ "Webpack 3 to Webpack 4: tips on migrating"] CodiLime. Retrieved on 25 Jun 2019. </ref> pero puede transformar activos de front-end como [[HTML]], [[Hoja de estilos en cascada|CSS]] e imágenes si se incluyen los ''loaders'' correspondientes.<ref>{{Cita web|url=https://survivejs.com/webpack/what-is-webpack/|título=What is webpack|fechaacceso=16 Oct 2018|editorial=SurviveJS}}</ref> webpack toma módulos con dependencias y genera activos estáticos que representan esos módulos.<ref>{{Cita web|url=https://github.com/webpack/docs/wiki/what-is-webpack|título=What is webpack|fechaacceso=25 Feb 2018|editorial=GitHub}}</ref>
Webpack toma las dependencias y genera un gráfico de dependencia que permite a los desarrolladores de la web utilizar un enfoque modular para sus propósitos de desarrollo de aplicaciones web. Se puede utilizar desde la línea de comandos, o se puede configurar utilizando un archivo de configuración que se llama [https://webpack.js.org/configuration/ ''webpack.config.js'']. Este archivo se utiliza para definir reglas, plugins, etc., para un proyecto. (webpack es altamente extensible a través de reglas que permiten a los desarrolladores escribir tareas personalizadas que quieren realizar cuando se agrupan los archivos).
