पाठ 1 / 25

Bundling का परिचय

जानें कि JavaScript projects को module bundler क्यों चाहिए और Webpack कई source files को optimized bundles में कैसे बदलता है।

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 दिखाता है। — चित्र 1.1 — Modules से optimized bundles तक।

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

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

त्वरित जाँच

त्वरित जाँच: Bundling का प्राथमिक उद्देश्य क्या है?

Code को समझना मुश्किल बनाना।
HTTP requests को reduce करना और load time improve करना।
Modules में extra features जोड़ना।
JavaScript को किसी दूसरी language से बदलना।

Answer

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