Ketahui lebih lanjut tentang langkah subkontrak dalam program uniapp dan mini

Bagaimana untuk mensubkontrakkan program uniapp dan mini? Artikel berikut akan memberi anda pemahaman terperinci tentang langkah subkontrak bagi program uniapp dan mini. Saya harap ia akan membantu anda!

1. Pembungkusan kecil program

Setiap program mini yang menggunakan pembungkusan kecil mestilah mengandungi pakej utama. Pakej utama yang dipanggil ialah tempat halaman permulaan lalai/halaman TabBar diletakkan, dan beberapa sumber awam/skrip JS diperlukan untuk semua subpakej manakala subpakej dibahagikan mengikut konfigurasi pembangun.

Apabila program mini dimulakan, pakej utama akan dimuat turun secara lalai dan halaman dalam pakej utama akan dilancarkan Apabila pengguna memasuki halaman dalam subpakej, pelanggan akan memuat turun yang sepadan subpakej dan teruskan selepas muat turun selesai Paparan

Pada masa ini saiz subpakej program mini mempunyai sekatan berikut:

Saiz keseluruhan subpakej program mini tidak melebihi 20M Saiz sub-pakej tunggal/pakej utama tidak boleh melebihi 2M Program mini subkontrak boleh mengoptimumkan masa muat turun untuk pelancaran pertama program mini, dan membolehkan penyahgandingan dan kerjasama yang lebih baik apabila berbilang pasukan berkembang bersama.

Klik di sini terus untuk melihat tutorial subpembungkusan rasmi yang mudah difahami:

https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/ asas. html

2. Serasi dengan konfigurasi subkontrak bagi program mini. Tujuannya bukan untuk mempercepatkan muat turun, tetapi untuk mempercepatkan permulaan apabila halaman utama adalah vue. [Cadangan berkaitan: "tutorial uniapp

komponen: komponen awam (untuk rujukan oleh pakej utama)

halaman_ diikuti dengan pinyin adalah semua subkontrak
• Komponen dalam subpakej ialah direktori komponen subpakej tunggal Rujukan kepada halaman vue subpakej hanya boleh dirujuk dalam direktori subpakej page_xxxx
• halaman ialah pakej utama, di dalam Semuanya ialah halaman permulaan/halaman TabBar awam diletakkan dalam
• statik, dan kelas imej

1 Konfigurasikan manifes.json

"mp-weixin": {
"optimization":{"subPackages":true}
}

Optimumkan subkontrak:

Fail statik: Sub-pembungkusan menyokong penyalinan sumber statik seperti statik, iaitu sumber statik yang diletakkan dalam direktori sub-pembungkusan tidak akan dibungkus ke dalam pakej utama , dan tidak boleh digunakan dalam pakej utama

js Fail: Apabila js dirujuk oleh hanya satu sub-pakej, js akan dibungkus ke dalam sub-pakej, jika tidak, ia masih akan dibungkus dalam utama pakej (iaitu dirujuk oleh pakej utama, atau dirujuk oleh lebih daripada 1 sub-pakej)
Komponen tersuai: Jika komponen tersuai hanya dirujuk oleh satu sub-pakej dan tidak diletakkan dalam sub-pakej, mesej segera akan dikeluarkan semasa penyusunan
• 2 Konfigurasikan pages.json

Buat tatasusunan baharu "subPackages" dalam pages.json dua parameter: 1.root: direktori akar sub-pakej, 2.pages: sub-pakej yang terdiri daripada komposisi Halaman, parameter adalah sama dengan halaman; pakej tidak boleh berada dalam direktori yang sama. Semasa membina projek uniapp, anda boleh mempertimbangkan struktur direktori untuk subkontrak kemudian; preloadRule)

Langkah ini dilakukan terutamanya untuk mengoptimumkan kelajuan. Jika anda tidak mahu mengoptimumkan kelajuan, anda boleh melangkau konfigurasi ini

Selepas mengkonfigurasi preloadRule, apabila memasukkan a. halaman tertentu program mini, rangka kerja akan pramuat turun secara automatik subpakej yang mungkin diperlukan untuk meningkatkan kelajuan permulaan apabila memasuki halaman subpakej berikutnya

Dalam preloadRule, kuncinya ialah Laluan halaman, nilai ialah konfigurasi pramuat turun untuk memasuki halaman ini Setiap konfigurasi mempunyai item berikut:

Subpakej apl juga menyokong pramuatRule, tetapi peraturan rangkaian tidak sah.

Pengenalan kepada Pengaturcaraan

! !

Atas ialah kandungan terperinci Ketahui lebih lanjut tentang langkah subkontrak dalam program uniapp dan mini. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!