JavaScript හි Webpack එකතු කිරීමේ මූලධර්මය
සාමාන්යයෙන්, සංවර්ධනය කරන විට
විවිධ කේත කොටස් අඩංගු JavaScript ගොනු
බොහෝ ගණනක් අපට ලැබේ.
මෙය අපගේම කේතයේ කොටස් විය හැකිය,
නැතහොත් තෙවන පාර්ශවීය පුස්තකාල.
එවිට, එවැනි සෑම ගොනුවක්ම
අපට HTML ගොනුවට සම්බන්ධ කළ යුතුය
script ටැගය හරහා.
මෙය ඉතා හොඳ නොවේ, මන්ද බොහෝ සම්බන්ධිත ගොනු වෙබ් අඩවිය පූරණය වීමේ වේගය මන්දගාමී කරයි. එමනිසා, පූරණය වීම වේගවත් කිරීම සඳහා සමස්ත කේතය එක් ගොනුවකට ඇසුරුම් කිරීම අවශ්ය වේ.
කෙසේ වෙතත්, එක් පොදු ගොනුවක කේතය සංවර්ධනය කිරීමද ඉතා පහසු නොවේ. එමනිසා වර්තමානයේ පහත ප්රවේශය අනුගමනය කරයි: කේතය වෙනම ගොනුවල සංවර්ධනය කර, ඉන්පසු එකතු කිරීමේ මෙවලමක් භාවිතයෙන් එක් පොදු ගොනුවකට එකතු කර, එම ගොනුව HTML ගොනුවට සම්බන්ධ කරයි.
වෙනම ගොනු ES මොඩියුල වේ.
මෙම මොඩියුල වෙනත් ගොනු වලට සම්බන්ධ වන්නේ
import විධානය හරහාය.
සාමාන්යයෙන් නිශ්චිත ප්රධාන ගොනුවක් සාදනු ලැබේ, එයට අනෙකුත් ගොනු සම්බන්ධ කරයි. මෙම ගොනුව හැඳින්වෙන්නේ ප්රවේශ ලක්ෂ්යය ලෙසය.
එකතු කිරීමේ මෙවලම ප්රවේශ ලක්ෂ්යයට ඇතුළු වී, එයට කුමන මොඩියුල සම්බන්ධ කර ඇත්දැයි බලයි. මෙම මොඩියුල වලටද වෙනත් මොඩියුල සම්බන්ධ විය හැකිය. එකතු කිරීමේ මෙවලම සියලු සම්බන්ධතා හරහා ගමන් කර සමස්ත කේතය එක් ගොනුවකට එකතු කරයි. මෙම ගොනුව හැඳින්වෙන්නේ බන්ඩල් ලෙසය.
සාමාන්යයෙන්, ප්රෝග්රෑමර්වරයා ලියන
කේතය, src ෆෝල්ඩරයේ පිහිටා ඇති අතර,
එකතු කරන ලද කේතය
dist ෆෝල්ඩරයට ඇතුළත් කරයි.
එකතු කිරීමේ මෙවලම එකතු කිරීමේ මාදිලිය
කළමනාකරණය කිරීමටද ඉඩ දෙයි. 'development' මාදිලිය
සංවර්ධන ක්රියාවලිය සඳහා යොදා ගනී.
එය සංවර්ධනය සඳහා පහසු ආකාරයට කේතය එකතු කරයි.
'production' මාදිලිය සඳහා අදහස් කරන්නේ
අවසාන කේතයයි, එය
ක්රියාකාරීත්වය සඳහා පළ කරනු ලැබේ. මෙම මාදිලියේදී
කේතය ක්ෂුද්රීකරණය කරනු ලැබේ,
එහි ප්රමාණය අඩු කිරීම සහ
පූරණය වීමේ වේගය වැඩි කිරීම සඳහා.
බන්ඩල් යනු කුමක්දැයි පැහැදිලි කරන්න.
ප්රවේශ ලක්ෂ්යය යනු කුමක්දැයි පැහැදිලි කරන්න.
කුමන එකතු කිරීමේ මාදිලි ඇත්තේදැයි පැහැදිලි කරන්න.
