Webpack Yig'uvchisining Ish Prinsipi

Odatda, dasturlash paytida bizda turli xil kod bo'laklarini o'z ichiga olgan ko'plab JavaScript fayllari bo'ladi. Bular bizning kodimizning qismlari yoki uchinchi tomon kutubxonalari bo'lishi mumkin. Bu degani, har bir bunday faylni biz HTML fayliga script tegi orqali ulashimiz kerak.

Bu unchalik yaxshi emas, chunki ko'p sonli ulangan fayllar saytning yuklanish tezligini sekinlashtiradi. Shuning uchun yuklanishni tezlashtirish uchun barcha kodni bitta faylga joylash kerak.

Biroq, bitta umumiy faylda kod yozish ham unchalik qulay emas. Shuning uchun hozirgi vaqtda quyidagi yondashuv qo'llaniladi: kod alohida fayllarda ishlab chiqiladi, so'ngra yig'uvchi yordamida bitta umumiy faylga yig'iladi, va o'sha fayl HTML fayliga ulanadi.

Alohida fayllar ES modullari shaklida bo'ladi. Ushbu modullar boshqa fayllarga import buyrug'i orqali ulanadi.

Odatda, asosiy fayl yaratiladi, unga boshqa fayllar ulanadi. Ushbu fayl kirish nuqtasi deyiladi.

Yig'uvchi kirish nuqtasiga kiradi, unga qaysi modullar ulanganligini ko'radi. Ushbu modullarga boshqa modullar ham ulangan bo'lishi mumkin. Yig'uvchi barcha ulanishlar bo'ylab harakatlanadi va barcha kodni bitta faylga yig'adi. Ushbu fayl bundle (bandl) deyiladi.

Odatda, dasturchi yozgan kod src papkasida joylashgan bo'ladi, yig'ilgan kod esa dist papkasiga joylanadi.