Kanuni ya Kufanya Kazi ya Webpack Bundler katika JavaScript

Kwa ujumla, wakati wa ukuzaji tunapata faili nyingi za JavaScript, zenye vipande mbalimbali vya kificho. Hizi zinaweza kuwa sehemu za kificho chetu, au maktaba za wahusika wengine. Inabadilika kuwa kila faili kama hiyo tunapaswa kuiunganisha 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 kukusanya kificho chote kwenye faili moja.

Hata hivyo, kuendeleza kificho kwenye faili moja ya jumla pia sio rahisi sana. Kwa hivyo kwa sio mbinu ifuatayo inatumika: kificho kinaendelezwa kwenye faili tofauti, kisha kwa kutumia bundler inakusanywa kwenye faili moja ya jumla, ambayo huunganishwa kwa faili ya HTML.

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

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

Bundler huingia kwenye kiingilio, huangalia ni moduli gani zimeunganishwa nayo. Kwa moduli hizi pia zinaweza kuwa zimeunganishwa na moduli zingine. Bundler hufuata miunganisho yote na inakusanya kificho chote kwenye faili moja. Faili hii inaitwa bundle.

Kwa kawaida, kificho ambacho programmer anaandika, iko kwenye folda src, na kifoshi kilichokusanywa huwekwa kwenye folda dist.

Bundler pia huruhusu kudhibiti hali ya kusanyiko. Hali 'development' inalenga mchakato wa ukuzaji. Inakusanya kificho kwa njia rahisi kwa ukuzaji. Hali 'production' inalenga kificho cha mwisho, ambacho kitakuwa kimewekwa kazini. Katika hali hii kificho kitapunguzwa, ili kupunguza ukubwa wake na kuongeza kasi ya upakiaji.