小程序代码超出2M怎么办？如何使用分包加载？

2024-04-09 15:04:51

版本不断迭代后，发现小程序的程序包越来越大，马上就要面临2M的临界了，最近又涉及另一个版本的迭代，网上找了一下，发现小程序可以使用分包加载的方法，让小程序即便超过了2M也能继续跑。
不过小程序只在微信客户端 6.6.0，基础库 1.7.3 及以上版本开始支持分包功能。
在构建小程序分包项目时，构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包,pages就是默认主包。
主包跟分包单独区分，又藕断丝连
分包之间不能相互引用各自的js文件、静态资源（图片、图标，css等），但能相互跳转页面。与pages同级目录下文件可以全局引入，比如app.js
**
在项目打包上传的时候，小程序会根据你的配置目录进行打包

动手撸了一个小demo，拉到本地打开试试吧？

结构配置目录

**


├── packageA
│   └── pages
│       ├── page1
│       └── page2
├── packageB
│   └── pages
│       ├── page1
│       └── page2
├── pages
│   ├── page1
│   └── page2
├── utils
├── app.json
├── app.wxss
└── app.js

修改json文件

"pages": ["pages/index/index"],"subPackages": [//必要检查大小写是否区分{"root": "pageageA",//分包名称。可更改"pages": ["pages/demos/demos"//分包下页面名称]}],

文件结构

分包结构构建成功后，在pageageA目录下新建页面结构，json文件会自动在pageageA的json目录添加你的页面名称。注：微信开发者工具

分包页面跳转：

页面构建完成之后，跳转连接：

wx.navigateTo({url: '/pageageA/pages/demos/demos',})

对了，总包好像不能超过12M，主包大小不能超过2M，写起来的时候还是多注意一下！
over
更新更新

最近好像小程序代码可以提到20M了

小程序代码超出2M怎么办？如何使用分包加载？相关推荐

微信小程序：uni-app 小程序打包超过2M限制的方法—分包加载
摘自微信小程序官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html 起初小程序上线时,微信限 ...
微信小程序代码大于2M的一种解决方法
今天,上传小程序代码到另一个微信号,提示代码尺寸过大,卧槽,我上传另一个微信h号都成功了呀!死活找不到原因,就大了270K左右,真是郁闷.偶然把灰级度调小,上传就可以了.估计是文件没压缩就上传,不明白 ...
css3如何链如外部字体,微信小程序引入外部字体总结（针对安卓加载缓慢问题）...
最近有个项目需求,须要改变小程序全部文字的字体. 查了资料后发现,本地加载字体文件致使小程序太大.动态加载文件,苹果然机完美,可是在安卓的真机上引入的外部字体加载会很慢,会有很明显的默认字体切换到外部 ...
对android小程序的结论,微信小程序引入外部字体总结（针对安卓加载缓慢问题）...
最近有个项目需求,需要改变小程序所有文字的字体. 查了资料后发现,本地加载字体文件导致小程序太大.动态加载文件,苹果真机完美,但是在安卓的真机上引入的外部字体加载会很慢,会有很明显的默认字体切换到外部 ...
vant实现下拉刷新和上拉加载_微信小程序 - 实现下拉刷新、上拉加载
在小程序开发中使用下拉刷新和上拉加载非常多,比如常用的展示型首页,而实现这个功能有两种形式,第一种是使用 scroll-view 组件,第二种是不使用 scroll-view 组件而让整个页面刷新,那 ...
让你的微信小程序对用户更加友好：上拉加载和下拉刷新就是关键
前言上拉加载和下拉刷新是小程序开发的常见需求.本文将介绍如何在微信小程序中实现上拉加载和下拉刷新的功能,为用户带来更加流畅.便捷的使用体验. 实现效果如下: 实现思路: 1. 首先需要在使用到的 j ...
微信小程序开发使用onreachBottom实现页面触底加载及分页
目录一简要介绍一下onreachBottom事件二实例展示三遇到的一些问题一简要介绍一下onreachBottom事件 onreachBottom和onLoad以及onShow一样, ...
小程序下拉刷新上拉触底加载数据
1. 下拉刷新下拉刷新主要用到「onPullDownRefresh」函数,我们在新建目录然后新建page之后在wxml文件中会自动生成很多生命周期函数,其中就会生成「onPullDownRefres ...
微信小程序AR扫描识别图(支持多图片)加载3D模型及其动画
MP-EasyAR-3DModels-Animations For Instance *微信公众平台* *微信开发者工具* *EasyAR* *项目实践* *下载文件到本地* *扫描识别* *加载模型 ...

最新文章

热门文章