Webpack

Збирач модулів, що будує граф залежностей для всіх ресурсів.

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;

      

🧒 Простими словами

Уяви кухаря, у якого є десятки окремих інгредієнтів: спеції, овочі, м'ясо. Webpack — це як кухонний комбайн, який бере всі ці розрізнені інгредієнти і перетворює їх на одну акуратно запаковану страву, готову до подачі (твій готовий сайт).

🤓 Expert Deep Dive

Generated expert content

🔗 Пов'язані терміни

Попередні знання:

📚 Джерела