# Bundling का परिचय — Webpack

Source: https://www.geekswithgeeks.com/hi/webpack/webpack-01

> समझें कि bundling क्यों महत्वपूर्ण है और Webpack क्या समस्याएँ हल करता है।

## Bundling क्यों जरूरी है

आधुनिक applications को maintainability के लिए modules में बाँटा जाता है। Browsers HTTP requests के माध्यम से files load करते हैं, जिनमें overhead होता है। **Bundling** modules को कम files में combine करके network requests को reduce करता है और load time को improve करता है। Webpack एक module bundler है जो आपकी source files को optimized output में transform करता है।

## Webpack transformation pipeline

देखें कि Webpack आपके code को source से bundle में कैसे process करता है।

![Webpack bundling pipeline जो source files से bundled output दिखाता है।](assets/figures/webpack/webpack-pipeline.svg) — चित्र 1.1 — Modules से optimized bundles तक।

## Bundle size मायने रखता है

छोटे bundles तेजी से load होते हैं। Webpack tools जैसे code splitting, tree-shaking और minification bundle size को reduce करने में मदद करते हैं। हमेशा production में अपने bundles को measure करें।

त्वरित जाँच

**Quiz:** Bundling का प्राथमिक उद्देश्य क्या है?

- [x] HTTP requests को reduce करना और load time improve करना।
- [ ] Code को समझना मुश्किल बनाना।
- [ ] Modules में extra features जोड़ना।

*Answer:* HTTP requests को reduce करना और load time improve करना।. Bundling कई modules को कम files में combine करके network overhead को reduce करता है और application load को तेज करता है।