一、問(wèn)題：我們?cè)谛〕绦蚬ぞ咧虚_發(fā)時(shí)候，需要本地打包，但是當(dāng)本地的打包文件大于2M時(shí)候，預(yù)覽的二維碼就會(huì)有問(wèn)題，導(dǎo)致真機(jī)掃碼打不開或者有遺漏。

二、此時(shí)就需要開啟分包

1.微信小程序每個(gè)分包的大小是2M，總體積一共不能超過(guò)20M。 2.開啟分包后，再次編輯打包，預(yù)覽的二維碼就可以正常打開小程序了。

三、uni-app官方分包文檔

四、分包注意項(xiàng)

1.微信小程序每個(gè)分包的大小是2M，總體積一共不能超過(guò)20M。 2.開啟分包后，再次編輯打包，預(yù)覽的二維碼就可以正常打開小程序了。 3.開啟分包，必須注意：需要將原來(lái)的打包文件unpackage下的dist文件刪除；否則編譯時(shí)候，你會(huì)發(fā)現(xiàn)自己的分包反而越來(lái)越大；刪除原來(lái)打包的dist后再重新發(fā)行打包就行。

五、分包步驟1

1.在pages同級(jí)，創(chuàng)建pagesA和pagesB兩個(gè)分包；文件夾的名字隨便命名，每分一個(gè)包就創(chuàng)建一個(gè)文件夾；如下圖 2.需要注意：小程序的首頁(yè)和tabBar頁(yè)必須放在主包pages內(nèi)；其他頁(yè)面可以放在分包內(nèi) 3.分包下支持獨(dú)立的 static 目錄，用來(lái)對(duì)靜態(tài)資源進(jìn)行分包。

六、分包步驟2

1.將部分頁(yè)面移到分包pagesA或者pagesB下； 2.注意：如果你一開始就分包了，路徑跳轉(zhuǎn)或者引入應(yīng)該不會(huì)有問(wèn)題；但是如果你一開始都是在pages下，后來(lái)才開始分包， 然后將部分vue頁(yè)面移到分包文件夾下，可能路徑跳轉(zhuǎn)和引入的文件路徑就錯(cuò)了，就需要手動(dòng)修改跳轉(zhuǎn)路徑和引入路徑，方式修改見下圖（說(shuō)多了都是淚）；。

引入的修改：使用@引入

每個(gè)分包下都可以有自己的static，放置圖片路徑跳轉(zhuǎn)的修改，例如主包pages的下的index頁(yè)面，跳轉(zhuǎn)到了分包pagesB下的get-password頁(yè)面：只需要寫上get-password在pagesB的路徑即可：

uni.navigateTo({url:"/pagesB/get-password?obj= " +encodeURIComponent(JSON.stringify(obj)),});

七、分包步驟3

1.更改pages.json配置：如下圖。

1.1pages主包：不需要?jiǎng)?#xff0c;只需要方主包頁(yè)面

1.2subPackages：分包加載配置，subPackages 節(jié)點(diǎn)接收一個(gè)數(shù)組，數(shù)組每一項(xiàng)都是應(yīng)用的子包；subPackages 里的pages的路徑是 root 下的相對(duì)路徑，不是全路徑。

例如我的就是放了pagesA和pagesB，一定要注意root的是寫分包名稱，不需要 /；path寫對(duì)應(yīng)的頁(yè)面路徑

"subPackages": [{"root": "pagesA","pages": [{"path": "add-car","style": {"navigationBarTitleText": "新增車輛"}},{"path": "car-info","style": {"navigationBarTitleText": "詳情車輛"}},]},{"root": "pagesB","pages": [{"path": "get-password","style": {"navigationBarTitleText": "找回密碼"}}]}],

1.3preloadRule：分包預(yù)載配置

"preloadRule": {"pagesA/add-car": {"network": "all","packages": ["__APP__"]},"pagesA/car-info": {"network": "all","packages": ["__APP__"]},"pagesB/get-password": {"network": "all","packages": ["pagesB"]}}, 2.開啟分包后，再次編輯打包，預(yù)覽的二維碼就可以正常打開小程序了。

八、分包步驟4

1.點(diǎn)擊左側(cè)列表manifest.json–>源碼視圖，找到npm-wexin，開啟分包優(yōu)化 //開啟分包優(yōu)化"optimization" : {"subPackages" : true}

九、分包步驟5

1.壓縮代碼

十、分包步驟6

1.刪除原有的打包文件。

2.重新發(fā)行打包。

3.分包前后的效果對(duì)比：存在主包和分包，體積也相應(yīng)變化減小，預(yù)覽也可以了。

分包前:

分包后：

有用就點(diǎn)個(gè)贊吧！

總結(jié)

以上是生活随笔為你收集整理的uni-app小程序本地打包超过2M不能预览问题；小程序打包过大不能预览和真机调试；uni-app分包；的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。