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