JavaScript Bundling સમજૂતી
તમે ઘણા ફાઇલોનો ઉપયોગ કરીને React અથવા Angular એપ્સ લખો છો. તમે components, services અને libraries નો ઉપયોગ કરો છો.
બ્રાઉઝર્સ માટે ઘણી બધી ફાઇલો સાથે કામ કરવું મુશ્કેલ હોય છે. 200 ફાઇલો લોડ કરવાનો અર્થ છે 200 નેટવર્ક રિક્વેસ્ટ. આ તમારી એપને ધીમી બનાવે છે.
Bundlers આ સમસ્યાનું સમાધાન કરે છે. તેઓ તમારા કોડ અને imports ને લઈને તેને એક અથવા થોડી નાની ફાઇલોમાં ભેગા કરે છે. આ લોડિંગને કાર્યક્ષમ બનાવે છે.
આધુનિક bundlers માત્ર ફાઇલોને જોડવાનું જ કામ નથી કરતા. તેઓ આ કાર્યો કરે છે:
- Minification: તેઓ સ્પેસ અને કોમેન્ટ્સ દૂર કરે છે. જગ્યા બચાવવા માટે તેઓ variable ના નામો ટૂંકા