Webpack
Bundler de módulos que constrói grafos de dependências para todos os assets.
Webpack is a static module bundler for modern JavaScript applications. It builds a dependency graph that includes ALL website assets: JavaScript, CSS, images, and fonts. Key features include Loaders, Plugins, Code Splitting, Tree Shaking, and Hot Module Replacement.
graph LR
Center["Webpack"]:::main
Pre_javascript["javascript"]:::pre --> Center
click Pre_javascript "/terms/javascript"
Pre_nodejs["nodejs"]:::pre --> Center
click Pre_nodejs "/terms/nodejs"
classDef main fill:#7c3aed,stroke:#8b5cf6,stroke-width:2px,color:white,font-weight:bold,rx:5,ry:5;
classDef pre fill:#0f172a,stroke:#3b82f6,color:#94a3b8,rx:5,ry:5;
classDef child fill:#0f172a,stroke:#10b981,color:#94a3b8,rx:5,ry:5;
classDef related fill:#0f172a,stroke:#8b5cf6,stroke-dasharray: 5 5,color:#94a3b8,rx:5,ry:5;
linkStyle default stroke:#4b5563,stroke-width:2px;
🧒 Explique como se eu tivesse 5 anos
Imagine que você está fazendo um álbum de recortes. O Webpack é como um ajudante que encontra todas as suas fotos, redimensiona-as e cola-as em um álbum organizado. Ele faz o mesmo pelo código do site - coletando todas as peças e agrupando-as.
🤓 Expert Deep Dive
Generated expert content
🔗 Termos relacionados
Pré-requisitos: