微信小程序大小超限除了分包怎么避免和解決

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

當前微信小程序大小限制以及為什么要限制大小：

1??先看一下當前微信小程序對于大小方面的相關限制：
       1.不限制分包的數量；
       2.所有分包的大小不能超過20m；
       3.單個包的大小不能超過2m；

2??那么為什么微信小程序要對大小做限制？
       因為小程序的設計初衷就是用完即走，輕量化應用。不建議將它當成一個app來設計，所以考慮到啟動速度等方面所以才對大小做了限制。

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

知道了上面的相關限制，那么我們可以從開發的過程去盡量避免我們的小程序大小超過2m(當然是那種商城啥的量級很大的當我沒說)

1.使用第三方庫盡量按需加載

比如說像在項目里面使用echarts,通常我們用到的可能也有幾種圖標，所以在安裝的時候沒必要將echarts全部下載，直接在echarts官網在線定制可以節省不止一星半點的大小(echarts中國地圖有問題不推薦使用哦)像我們使用的一些ui庫類似，能按需引入就按需引入不能按需引入我們就換一個

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

1、官方WeUI組件庫

2、ColorUI

3、Vant Weapp UI

4、iView UI

5、TaroUI

2.壓縮圖片等靜態文件

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

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

4.使用分包

來到我們正統的解決大小限制的方法，先看一下文章剛開頭提出的問題：分包除了能解決大小這個問題還有什么好處吶？ 要回答這個問題先了解一下分包到底是怎么樣工作的：在小程序啟動時，默認會下載主包并啟動主包內頁面，當用戶進入分包內某個頁面時，客戶端會把對應分包下載下來，下載完成后再進行展示。

那么上面的問題就好回答了: 對小程序進行分包,可以優化小程序首次啟動的下載時間,以及在多團隊共同開發時可以更好的解耦協作。

那么我們要分包應該怎么做？：下面列舉了我們常用的原生、uniapp、taro的分包寫法，三種開發方式做分包除了配置文件名稱是不同的，代碼都是一樣，關鍵的是項目目錄和subpackages字段。

原生：

// 在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分包是否是獨立分包
    }
  ]
}

uniapp：

// 在pages.json的subpackages字段聲明項目分包結構
代碼同原生，關鍵就是subpackages字段

taro：

// 在src目錄下app.jsx中進行配置
代碼同原生，關鍵就是subpackages字段

以上就是關于“微信小程序大小超限除了分包怎么避免和解決”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。