Jika Anda menggunakan webpack , misalnya, Anda cukup menyetel mode ke produksi di webpack Anda . konfigurasi file konfigurasi js. Ini akan, di antara pengoptimalan lainnya, memungkinkan penggoyangan pohon .
Oleh karena itu, bagaimana cara kerja goyangan pohon Webpack?
Pengguncangan pohon atau penghapusan kode mati berarti modul yang tidak digunakan tidak akan disertakan dalam bundel selama proses pembuatan. Webpack mengandalkan minifier untuk membersihkan kode mati, salah satunya adalah plugin UglifyJS, yang akan menghilangkan kode mati dari bundel. Ini hanya bekerja dengan impor dan ekspor.
apakah pohon Lodash dapat digoyahkan? Pustaka lodash -es mendukung tree -shaking out of the box karena menggunakan modul ES. Perlu juga dicatat bahwa jika Anda menggunakan lodash -es dan Anda memiliki dependensi lain yang memerlukan lodash , keduanya akan berakhir di app bundle. Pastikan untuk menyetel opsi modul ke false jika Anda menggunakan plugin Babel preset env.
Juga pertanyaannya adalah, apa itu sudut gemetar pohon?
Pengocokan pohon adalah langkah dalam proses pembuatan yang menghapus kode yang tidak digunakan dari basis kode. Menghapus kode yang tidak digunakan dapat dianggap sebagai “ goyangan pohon ”, atau Anda dapat memvisualisasikan guncangan fisik pohon dan sisa daun mati yang jatuh dari pohon .
Bagaimana cara mengurangi ukuran bundel Webpack?
Berikut adalah beberapa cara keren untuk mengurangi ukuran bundel webpack Anda:
- PENGANGKATAN LINGKUP. Pengangkatan cakupan menggunakan cara yang lebih cerdas untuk menambahkan modul ke bundel.
- GUNAKAN WEBPACK 4 DALAM PRODUKSI.
- GUNAKAN LODASH-WEBPACK-PLUGIN.
- goyangan POHON.