這篇“微信小程序大小超限除了分包怎么避免和解決”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來(lái)看看這篇“微信小程序大小超限除了分包怎么避免和解決”文章吧。

創(chuàng)新互聯(lián)主營(yíng)叢臺(tái)網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,重慶APP軟件開(kāi)發(fā),叢臺(tái)h5微信小程序開(kāi)發(fā)搭建,叢臺(tái)網(wǎng)站營(yíng)銷(xiāo)推廣歡迎叢臺(tái)等地區(qū)企業(yè)咨詢

當(dāng)前微信小程序大小限制以及為什么要限制大?。?/h4>

1??先看一下當(dāng)前微信小程序?qū)τ诖笮》矫娴南嚓P(guān)限制：
       1.不限制分包的數(shù)量；
       2.所有分包的大小不能超過(guò)20m；
       3.單個(gè)包的大小不能超過(guò)2m；

2??那么為什么微信小程序要對(duì)大小做限制？
       因?yàn)樾〕绦虻脑O(shè)計(jì)初衷就是用完即走，輕量化應(yīng)用。不建議將它當(dāng)成一個(gè)app來(lái)設(shè)計(jì)，所以考慮到啟動(dòng)速度等方面所以才對(duì)大小做了限制。

避免和解決大小限制有什么辦法：

知道了上面的相關(guān)限制，那么我們可以從開(kāi)發(fā)的過(guò)程去盡量避免我們的小程序大小超過(guò)2m(當(dāng)然是那種商城啥的量級(jí)很大的當(dāng)我沒(méi)說(shuō))

1.使用第三方庫(kù)盡量按需加載

比如說(shuō)像在項(xiàng)目里面使用echarts,通常我們用到的可能也有幾種圖標(biāo)，所以在安裝的時(shí)候沒(méi)必要將echarts全部下載，直接在echarts官網(wǎng)在線定制可以節(jié)省不止一星半點(diǎn)的大小(echarts中國(guó)地圖有問(wèn)題不推薦使用哦)像我們使用的一些ui庫(kù)類(lèi)似，能按需引入就按需引入不能按需引入我們就換一個(gè)

在這里推薦一些微信小程序常用的UI庫(kù)合集

1、官方WeUI組件庫(kù)

2、ColorUI

3、Vant Weapp UI

4、iView UI

5、TaroUI

2.壓縮圖片等靜態(tài)文件

項(xiàng)目中肯定會(huì)用到很多的圖片，一張圖片通常情況下設(shè)計(jì)會(huì)給我們二倍圖、三倍圖，讓我們根據(jù)不同的分辨率去展示不同的倍圖。其實(shí)粗暴的方法我們不管什么分辨率都可以都使用三倍圖(不推薦使用哦),然后把圖片無(wú)損壓縮一下，一般能減小圖片百分之七十的大小。
3.靜態(tài)資源放云服務(wù)

減少靜態(tài)資源在打包文件里面占用的體積，還可以把項(xiàng)目里面使用的靜態(tài)文件放在OSS上面，可以使用CDN加速還可以減少代碼大小。
??注意：有時(shí)候訪問(wèn)不了是需要配置防盜鏈，具體怎么配置大佬們自行百度。

4.使用分包

來(lái)到我們正統(tǒng)的解決大小限制的方法，先看一下文章剛開(kāi)頭提出的問(wèn)題：分包除了能解決大小這個(gè)問(wèn)題還有什么好處吶？ 要回答這個(gè)問(wèn)題先了解一下分包到底是怎么樣工作的：在小程序啟動(dòng)時(shí)，默認(rèn)會(huì)下載主包并啟動(dòng)主包內(nèi)頁(yè)面，當(dāng)用戶進(jìn)入分包內(nèi)某個(gè)頁(yè)面時(shí)，客戶端會(huì)把對(duì)應(yīng)分包下載下來(lái)，下載完成后再進(jìn)行展示。

那么上面的問(wèn)題就好回答了: 對(duì)小程序進(jìn)行分包,可以優(yōu)化小程序首次啟動(dòng)的下載時(shí)間,以及在多團(tuán)隊(duì)共同開(kāi)發(fā)時(shí)可以更好的解耦協(xié)作。

那么我們要分包應(yīng)該怎么做？：下面列舉了我們常用的原生、uniapp、taro的分包寫(xiě)法，三種開(kāi)發(fā)方式做分包除了配置文件名稱(chēng)是不同的，代碼都是一樣，關(guān)鍵的是項(xiàng)目目錄和subpackages字段。

原生：

// 在app.json的subpackages字段聲明項(xiàng)目分包結(jié)構(gòu)
{
  "pages":[			主包
    "pages/index",
    "pages/logs"
  ],
  "subpackages": [	分包	
    {
      "root": "packageA",	
      "pages": [
        "pages/cat",	相對(duì)于root分包的路徑
        "pages/dog"
      ]
    }, {
      "root": "packageB",
      "name": "pack2",
      "pages": [
        "pages/apple",
        "pages/banana"
      ]
    },
    {
        root:分包根目錄
        name:分包別名,分包預(yù)下載時(shí)可以使用
        pages:分包頁(yè)面路徑數(shù)組,相對(duì)與分包根目錄
        independent:true|false分包是否是獨(dú)立分包
    }
  ]
}

uniapp：

// 在pages.json的subpackages字段聲明項(xiàng)目分包結(jié)構(gòu)
代碼同原生，關(guān)鍵就是subpackages字段

taro：

// 在src目錄下app.jsx中進(jìn)行配置
代碼同原生，關(guān)鍵就是subpackages字段

以上就是關(guān)于“微信小程序大小超限除了分包怎么避免和解決”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

新聞名稱(chēng)：微信小程序大小超限除了分包怎么避免和解決
轉(zhuǎn)載來(lái)源：http://redsoil1982.com.cn/article48/jiejep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、響應(yīng)式網(wǎng)站、網(wǎng)站設(shè)計(jì)、建站公司、企業(yè)建站、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)