Webpack
Modul-Bundler, der Abhängigkeitsgraphen für alle Assets erstellt.
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;
🧒 Erkläre es wie einem 5-Jährigen
Stell dir vor, du machst ein Sammelalbum. Webpack ist wie ein Helfer, der alle deine Fotos findet, ihre Größe ändert und sie in ein ordentliches Album klebt. Es macht dasselbe für Website-Code – es sammelt alle Teile und bündelt sie zusammen.
🤓 Expert Deep Dive
Generated expert content
🔗 Verwandte Begriffe
Voraussetzungen: