웹팩 (Webpack)

여러 파일을 하나로 묶어주는 모듈 번들러.

🌐 용어 다른 언어로:

English Deutsch Español Français 日本語 한국어 Polski Português Русский Türkçe Українська

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;

🕸️ Open in Universe

🧒 5살도 이해할 수 있게 설명

수십 가지 재료(소스 코드)를 모아 깔끔하게 포장된 '도시락 한 세트'로 만들어주는 기계와 같아요. 고기, 채소, 양념이 따로 있으면 먹기 힘들지만, 웹팩이 하나로 잘 묶어주면 웹사이트라는 맛있는 요리가 완성되는 거죠.

웹팩 (Webpack)

🧒 5살도 이해할 수 있게 설명

🤓 Expert Deep Dive

🔗 관련 용어

📚 출처