Paquete de módulos para proyectos web
Webpack es un paquete que agrupa JavaScript y otros activos web para ejecutarlos en el navegador. Permite cargar aplicaciones cuando sea necesario, gracias a la función de división de código que divide los módulos en partes manejables.
Actualizaciones
- 23 de octubre de 2026: Estrellas 65,968 → 65,969, última versión v5.112.2 (23 de octubre de 2026).
- 23 de octubre de 2026: Estrellas 65,976 → 65,968, última versión v5.112.1 (22 de octubre de 2026).
- 16 de octubre de 2026: Estrellas 65,943 → 65,976, última versión v5.112.0 (15 de octubre de 2026).
- 19 de septiembre de 2026: Estrellas 65,949 → 65,943, última versión v5.111.1 (18 de septiembre de 2026).
Qué aporta
- Combina archivos JavaScript para ejecutarse en el navegador.
- Reduce el tiempo de carga de la aplicación con su función de división de código.
- Puede preprocesar diferentes tipos de archivos como TypeScript.
Instalación
npm install --save-dev webpackyarn add webpack --devSi no programa
Como desarrollador web, quiero empaquetar de manera eficiente archivos JavaScript y otros activos estáticos en mis proyectos. ¿Cómo puedo administrar mis módulos, configurar la división de código y definir cargadores adecuados para mi proyecto usando Webpack? Ayúdame a crear un ejemplo de archivo de configuración para principiantes.
Repositorio: https://github.com/webpack/webpack. Sigue las instrucciones oficiales del archivo README de este repositorio para la instalación y ejecución.
Antes de empezar, comprueba en qué sistema operativo estamos y si las herramientas necesarias (ej. Python, Node.js, Git, Docker) están instaladas. Instala las que falten paso a paso según este sistema.
Crea una carpeta nueva y vacía para trabajar. No toques ningún archivo fuera de esta carpeta y no borres nada. Antes de ejecutar cada comando, dime qué vas a hacer en una frase.
Dime qué debería ver en la pantalla al final de cada paso. Si ocurre un error, te pegaré el mensaje de error tal cual y lo solucionaremos juntos.
Términos relacionados del glosario
Enlaces
TreScout no desarrolló esta herramienta · la encontramos en las tendencias de GitHub y la presentamos. Esta página describe el repositorio tal como estaba el 2026-08-05: El número de estrellas y nuestro texto son de ese día, el repositorio puede haber cambiado desde entonces. Consulte el enlace del repositorio para ver el estado actual. El texto de presentación se preparó con IA a partir de la propia documentación del repositorio y esta página se tradujo automáticamente del original en turco · prevalece la versión turca.