Rumah  >  Artikel  >  hujung hadapan web  >  Ketahui lebih lanjut tentang langkah subkontrak dalam program uniapp dan mini

Ketahui lebih lanjut tentang langkah subkontrak dalam program uniapp dan mini

青灯夜游
青灯夜游ke hadapan
2021-09-08 19:21:214846semak imbas

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!

Ketahui lebih lanjut tentang langkah subkontrak dalam program uniapp dan mini

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
subkontrak. langkah:

1 Konfigurasikan manifes.json

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

Optimumkan subkontrak: Ketahui lebih lanjut tentang langkah subkontrak dalam program uniapp dan mini

Konfigurasi pada platform yang sepadan Tambah "pengoptimuman":{"subPackages":true} di bawah (manifest.json) untuk mendayakan pengoptimuman subpakej

Pada masa ini, hanya pengoptimuman subpakej mp-weixin, mp-qq, dan mp-baidu disokong

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: Ketahui lebih lanjut tentang langkah subkontrak dalam program uniapp dan mini

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

Anda boleh melihat item konfigurasi rasmi:

https://uniapp.dcloud.io/collocation/pages?id=subpackages

Artikel ini diterbitkan semula daripada: https://juejin.cn/post/7003138257798037512
字段 类型 必填 默认值 说明
packages StringArray 进入页面后预下载分包的 root 或 name__APP__ 表示主包。
network String wifi 在指定网络下预下载,可选值为:all(不限网络)、wifi(仅wifi下预下载)

Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati:
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!

Kenyataan:
Artikel ini dikembalikan pada:juejin.cn. Jika ada pelanggaran, sila hubungi admin@php.cn Padam