uniApp分包
subPackages
里的pages的路径是root
下的相对路径,不是全路径。- 微信小程序每个分包的大小是2M,总体积一共不能超过20M。
- 百度小程序每个分包的大小是2M,总体积一共不能超过8M。
- 支付宝小程序每个分包的大小是2M,总体积一共不能超过8M。
- QQ小程序每个分包的大小是2M,总体积一共不能超过24M。
- 抖音小程序每个分包的大小是2M,总体积一共不能超过16M(抖音小程序基础库 1.88.0 及以上版本开始支持,抖音小程序开发者工具请使用大于等于 2.0.6 且小于 3.0.0 的版本)。
- 快手小程序每个分包的大小是2M,总体积一共不能超过24M。
- 分包下支持独立的
static
目录,用来对静态资源进行分包。 uni-app
内支持对微信小程序
、QQ小程序
、百度小程序
、支付宝小程序
、抖音小程序(HBuilderX 3.0.3+)
、快手小程序
分包优化,即将静态资源或者js文件放入分包内不占用主包大小。详情请参考:关于分包优化的说明- 针对
vendor.js
过大的情况可以使用运行时压缩代码
-
HBuilderX
创建的项目勾选运行-->运行到小程序模拟器-->运行时是否压缩代码
cli
创建的项目可以在package.json
中添加参数--minimize
,示例:"dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize"
在 pages.json 里面
// 设置分包 pagesA分包A最大2M 微信
"subPackages": [
// 分包A
{
"root": "pagesA",
"pages": [{
"path": "pages/test/test",
"style": {
"navigationBarTitleText": "分包A",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3c9cff"
}
}]
},
//分包B
{
"root": "pagesB",
"pages": [{
"path": "pages/test/test",
"style": {
"navigationBarTitleText": "分包B",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3c9cff"
}
}]
},
],
分包预加载配置
// 分包预加载配置preloadRule后 在进入小程序某个页面时,由框架自动预下载可能需要的分包,提升进入后续分包页面时的启动速度
"preloadRule": {
// 进入首页 自动加载分包
"pages/home/home": {
"network": "all",
"packages": ["pagesA","pagesB"]//按需要 自己选择加载
}
},
跳转分包
<uv-button type="primary" :plain="true" text="跳转分包" @click="goSubPack"></uv-button>
//点击去跳转分包页面
goSubPack() {
uni.navigateTo({
url: '/pagesA/pages/test/test'
})
},
原文地址:https://blog.csdn.net/m1011815213/article/details/143701366
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!