Webpack

Bundler de modules qui construit des graphes de dépendances pour tous les 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-moi comme si j'avais 5 ans

Imaginez que vous faites un album photo. Webpack est comme un assistant qui trouve toutes vos photos, les redimensionne et les colle dans un album soigné. Il fait la même chose pour le code du site web : collecter tous les morceaux et les regrouper.

🤓 Expert Deep Dive

Generated expert content

🔗 Termes associés

Prérequis:

📚 Sources