Apa lagi yang boleh dilakukan selain subkontrak jika saiz program mini melebihi had? Bagaimana untuk mengelakkan dan menyelesaikan had saiz?

Apa lagi yang boleh dilakukan selain subkontrak jika saiz program mini melebihi had? Adakah terdapat cara untuk mengelak daripada melebihi had saiz? Artikel berikut akan memperkenalkan kepada anda bagaimana untuk mengelakkan dan menyelesaikan sekatan saiz saya harap ia akan membantu anda!

Beberapa hari lalu, seorang rakan yang baru menyertai industri bertanya kepada saya di WeChat mengapa gesaan kod semasa menghantar program mini terlalu besar dan tidak boleh dimuat naik? Bagaimana untuk menyelesaikannya?
Sudah tentu subkontrak boleh menyelesaikan hampir semua had saiz penyerahan program mini WeChat, tetapi saya masih memintanya menghantar kandungan segera kepada saya. Saya melihat bahawa ia melebihi empat hingga lima ratus kb Jika subkontrak tidak berlebihan, biarkan dia memampatkan sumber statik dan ia akan dilakukan Tetapi kemudian saya fikir apa lagi faedah subkontrak selain menyelesaikan masalah saiz. Adakah terdapat cara untuk mengelak daripada melebihi had saiz?

Teks：

Had saiz semasa program mini WeChat dan sebab saiznya harus dihadkan:

1️⃣Baca dahulu Mari kita lihat sekatan saiz semasa pada program mini WeChat:
1. Tiada had bilangan subkontrak; 2. Saiz semua subkontrak tidak boleh melebihi 20m; 3. Saiz satu pakej tidak boleh melebihi 2m ;


2️⃣Jadi mengapa program mini WeChat mempunyai sekatan saiz?

Kerana niat asal program mini adalah untuk menggunakannya dan pergi, ia adalah aplikasi yang ringan. Ia tidak disyorkan untuk mereka bentuk sebagai aplikasi, jadi saiznya terhad dengan mengambil kira kelajuan permulaan dan aspek lain.

Apakah cara untuk mengelak dan menyelesaikan had saiz:

Mengetahui sekatan berkaitan di atas, maka kita boleh cuba mengelakkan saiz program mini kami melebihi had saiz. had semasa proses pembangunan yang mungkin

Contohnya, jika anda menggunakan

echarts dalam projek, kami biasanya menggunakan beberapa ikon, jadi tidak perlu memuat turun semua echarts semasa pemasangan. Anda boleh terus menyesuaikan dalam talian di tapak web rasmi echarts
Ia boleh menjimatkan lebih daripada satu setengah mata dalam saiz (peta echarts China mempunyai masalah dan tidak disyorkan sama dengan beberapa perpustakaan UI yang kami gunakan, jika ia). boleh diimport atas permintaan, ia boleh diimport atas permintaan Jika ia tidak boleh diimport atas permintaan, kami akan mengubahnya

Berikut adalah beberapa koleksi perpustakaan UI yang biasa digunakan disyorkan untuk program mini WeChat 1. Pustaka komponen WeUI Rasmi

https://developers.weixin.qq.com/miniprogram/dev/extended/weui/

2 ColorUI

https://github.com/weilanwl/ ColorUI

3. Vant Weapp UI

https://youzan.github.io/vant-weapp/#/intro

4 . UI iView

https://weapp.iviewui.com/docs/guide/start

5 >

https://taro-ui.jd.com/#/docs/introduction

Hei, bagaimana untuk mengubah saiz gambar

2. Mampatkan gambar dan fail statik lain

Banyak gambar pasti akan digunakan dalam projek akan memberi kami

gambar berganda dan gambar tiga kali ganda

untuk gambar, membolehkan kami memaparkan gambar berganda yang berbeza mengikut resolusi yang berbeza. Malah, sebagai kaedah kasar, kita boleh menggunakan tiga kali ganda imej tanpa mengira resolusi (tidak disyorkan), dan kemudian memampatkan imej tanpa kehilangan, yang secara amnya boleh mengurangkan saiz imej sebanyak 70%. Syorkan alamat pemampatan imej di sini (https://tinypng.com/)

3. Perkhidmatan awan sumber statik

Kurangkan sumber statik. menduduki ruang dalam fail yang dibungkus Anda juga boleh meletakkan fail statik yang digunakan dalam projek pada OSS Anda boleh menggunakan CDN untuk mempercepat dan mengurangkan saiz kod. Jika anda ingin membuat pelayan awan anda sendiri untuk menyimpan sumber statik, disyorkan untuk menggunakan Awan Qiniu.

Daftar akaun Qiniu Cloud->Cari storan objek dalam semua produk->Muat naik gambar->Salin pautan

⚠️Nota: Kadangkala anda perlu mengkonfigurasi anti-lintah jika anda tidak boleh mengaksesnya mengkonfigurasinya? Kami menggunakan Baidu sendiri.

4. Gunakan sub-pembungkusan

Datang ke kaedah ortodoks kami untuk menyelesaikan sekatan saiz, mari kita lihat dahulu soalan yang dibangkitkan pada permulaan artikel: Selain sub-pembungkusan Apakah faedah dapat menyelesaikan masalah saiz? Untuk menjawab soalan ini, fahami dahulu cara subkontrak berfungsi: Apabila program mini dimulakan, pakej utama akan dimuat turun secara lalai dan halaman dalam pakej utama akan dilancarkan Apabila pengguna memasuki halaman subpakej , pelanggan akan memuat turun subpakej yang sepadan dan memaparkannya selepas muat turun selesai.

Kemudian soalan di atas boleh dijawab dengan mudah: mensubkontrakkan program mini boleh mengoptimumkan masa muat turun untuk permulaan program mini yang pertama, dan boleh memisahkan kerjasama dengan lebih baik apabila beberapa pasukan berkembang bersama.

Jadi apa yang perlu kita lakukan jika kita mahu subkontrak? : Berikut menyenaraikan kaedah subkontrak yang biasa digunakan native, uniapp, dan taro Kecuali untuk nama fail konfigurasi yang berbeza, kodnya adalah sama untuk tiga kaedah pembangunan Kuncinya ialah direktori projek dan subpakej medan.

asli:

// 在app.json的subpackages字段声明项目分包结构
{
  "pages":[			主包
    "pages/index",
    "pages/logs"
  ],
  "subpackages": [	分包	
    {
      "root": "packageA",	
      "pages": [
        "pages/cat",	相对于root分包的路径
        "pages/dog"
      ]
    }, {
      "root": "packageB",
      "name": "pack2",
      "pages": [
        "pages/apple",
        "pages/banana"
      ]
    },
    {
        root:分包根目录
        name:分包别名,分包预下载时可以使用
        pages:分包页面路径数组,相对与分包根目录
        independent:true|false分包是否是独立分包
    }
  ]
}

Salin selepas log masuk

uniapp:

// 在pages.json的subpackages字段声明项目分包结构
代码同原生，关键就是subpackages字段

Salin selepas log masuk

taro :

// 在src目录下app.jsx中进行配置
代码同原生，关键就是subpackages字段

Salin selepas log masuk

Kesimpulan:

Subkontrak program mini WeChat sebenarnya merupakan operasi yang sangat mudah, tetapi Terdapat juga subkontrak asynchronous, pra-muat turun, subkontrak bebas dan pengetahuan lain masih perlu dikaji oleh bos apabila mereka menggunakannya semula.

Akhirnya, saya menyertai ranking populariti tahunan ini suatu ketika dahulu Malah saya juga tahu senarai ini tidak mewakili apa-apa, tetapi keputusan akhir ranking 54 masih membuatkan saya berasa hampa. Saya rasa maksud logo ini kepada saya adalah untuk menggesa saya untuk menghasilkan artikel yang lebih berkualiti pada tahun baharu, supaya saya benar-benar layak mendapat gelaran ini Mari kita bekerja keras bersama-sama, semua orang.

Akhir kata, saya doakan anda semua mendapat kemajuan yang cemerlang dalam pelajaran dan kejayaan dalam kerjaya anda!

[Cadangan pembelajaran berkaitan: Tutorial Pembangunan Program Mini]

Atas ialah kandungan terperinci Apa lagi yang boleh dilakukan selain subkontrak jika saiz program mini melebihi had? Bagaimana untuk mengelakkan dan menyelesaikan had saiz?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!