Kufanya Vite Iwe Rahisi
Zana za zamani kama Webpack au Create React App hufanya kazi kwa kuunganisha (bundling) mradi wako wote kwanza. Zana hiyo husoma kila faili na kuzigeuza kuwa faili moja kubwa la JavaScript. Hii hufanya kazi kwa miradi midogo. Inafeli kwa miradi mikubwa. Katika miradi mikubwa, mchakato huu huchukua sekunde nyingi. Kila unaposave faili, zana hiyo lazima irudie sehemu kubwa ya kazi hiyo.
Vite hufanya kazi tofauti. Vivinjari (browsers) vya kisasa vinaunga mkono ES modules kiasili. Hii ina maana kwamba kivinjari kinaweza kushughulikia imports na exports chenyewe. Vite haunganishi kodi yako wakati wa maendeleo (development). Inatoa kila faili kama moduli (module) inayojitegemea pale tu kivinjari linapoiomba.
Fikiria mgahawa wa aina ya buffet. Mpishi anapika kila chakula kabla ya kufungua milango. Ukihitaji mabadiliko madogo moja, mpishi lazima arudie buffet nzima. Hivi ndivyo Webpack inavyofanya kazi. Kadiri mradi unavyokuwa mkubwa, ndivyo unavyosubiri kwa muda mrefu zaidi.
Vite ni kama mgahawa wa aina ya à la carte. Milango inafunguliwa mara moja. Unaagiza chakula kimoja. Mpishi anaandaa chakula hicho pekee. Ukihitaji kitafunwa (dessert) baadaye, mpishi anaandaa kitafunwa pekee. Husubiri menyu nzima iwe tayari.
Vite hutumia mbinu mbili tofauti kwa mahitaji mawili tofauti:
Maendeleo (vite dev) • Mbinu: Inatoa moduli za asili za ESM bila kuunganisha (bundling). • Kasi ya kuanza: Papo hapo. Haitegemei ukubwa wa mradi. • Kwa nini: Maombi ya HTTP ya ndani (local HTTP requests) ni ya haraka kwenye kompyuta yako.
Uzalishaji (vite build) • Mbinu: Inaunganisha kila kitu kwa kutumia Rolldown. • Kasi ya kuanza: Muda huongezeka kulingana na ukubwa wa mradi. • Kwa nini: Mamia ya faili tofauti husababisha maombi mengi sana ya HTTP kwa watumiaji. Kuunganisha (bundling) hutatua hili.
Vite inakupa kasi unapoandika kodi na ufanisi unapozindua.
Chanzo: https://dev.to/yuripeixinho/descomplicando-o-vite-1p62