Bagaimana ia berfungsi


Cara ia berfungsi
Parcel menukar pokok sumber kepada pokok berkas. Banyak alat pembungkusan lain pada asasnya berdasarkan sumber JavaScript, tetapi juga dengan format lain - seperti rentetan yang dibenamkan sebagai fail JS. Parcel adalah jenis fail-agnostik - ia akan berfungsi dengan mana-mana jenis sumber seperti yang anda jangkakan, tiada konfigurasi diperlukan. Proses pembungkusan parcel mempunyai tiga langkah.
1. Bina pepohon sumber
Parcel menerima satu sumber masukan sebagai input, yang boleh terdiri daripada sebarang jenis: fail JS, HTML, CSS, imej, dsb. Terdapat pelbagai jenis sumber yang ditakrifkan dalam Parcel yang mengetahui cara mengendalikan jenis fail tertentu. Sumber dihuraikan, kebergantungan mereka diekstrak, dan diubah menjadi bentuk penyusunan akhir mereka. Proses ini mencipta pokok sumber.
2. Bina pokok pembungkusan
Setelah pokok sumber dibina, sumber diletakkan ke dalam pokok fail pembungkusan. Cipta pakej untuk sumber kemasukan dan buat subpakej untuk import dinamik(), yang menyebabkan pemisahan kod berlaku.
Himpunan adik beradik dicipta apabila mengimport jenis sumber yang berbeza, contohnya, jika anda mengimport fail CSS daripada JavaScript, ia akan dimasukkan ke dalam himpunan adik beradik ke dalam JavaScript yang sepadan.
Jika sumber perlu dibungkus ke dalam berbilang fail, ia akan dinaikkan pangkat kepada nenek moyang yang terdekat dalam pepohon berkas fail supaya sumber itu tidak akan dibungkus berbilang kali.
3. Pembungkusan
Selepas pepohon fail pembungkusan dibina, setiap pakej ditulis pada fail oleh pembungkus khusus untuk jenis fail tersebut. Pembungkus tahu cara menggabungkan kod untuk setiap sumber ke dalam fail akhir yang boleh dimuatkan oleh penyemak imbas.