Kanuni ya Kufanya Kazi ya Webpack Bundler

Kwa ujumla, wakati wa ukuzaji tunapata faili nyingi za JavaScript, zilizo na vipande mbalimbali vya kodi. Hizi zinaweza kuwa sehemu za kodi yetu, au maktaba za wahusika wengine. Inabadilika kuwa kila faili kama hiyo tunapaswa kuunganisha kwa faili ya HTML kupitia kitambulisho script.

Hii sio nzuri sana, kwani faili nyingi zilizounganishwa hupunguza kasi ya upakiaji wa tovuti. Kwa hivyo, ili kuharakisha upakiaji ni muhimu kuweka kodi yote kwenye faili moja.

Hata hivyo, pia si rafisi sana kukua kodi kwenye faili moja ya jumla. Kwa hivyo kwa sasa mbinu ifuatayo inatumika: kodi inakuzwa kwenye faili tofauti, kisha kwa kutumia bundler inakusanywa kwenye faili moja ya jumla, ambayo huunganishwa kwa faili ya HTML.

Faili tofauti zinawakilisha ES moduli. Moduli hizi zinaunganishwa kwa faili zingine kupitia amri import.

Kawaida huunda faili kuu fulani, ambayo faili zingine zinaunganishwa. Faili hii inaitwa kiingilio pointi.

Bundler huingia kwenye kiingilio pointi, huangalia moduli gani zimeunganishwa nayo. Kwa moduli hizi pia zinaweza kuwa moduli zingine zimeunganishwa. Bundler hufuata viungio vyote na hukusanya kodi yote kwenye faili moja. Faili hii inaitwa bundle.

Kwa kawaida, kodi ambayo programmer anaandika, iko kwenye folda src, na kodi iliyokusanywa huwekwa kwenye folda dist.