【uniapp】小程序开发:3 分包配置

news/2024/7/20 3:37:36 标签: uni-app, 小程序

分包加载配置,此配置为小程序的分包加载机制。

小程序有体积和资源加载限制,各家小程序平台提供了分包方式,优化小程序的下载和启动速度。

所谓的主包,即放置默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本;而分包则是根据pages.json的配置进行划分。

小程序启动时,默认会下载主包并启动主包内页面,当用户进入分包内某个页面时,会把对应分包自动下载下来,下载完成后再进行展示。此时终端界面会有等待提示。

1、修改manifest.json文件,添加配置

/* 小程序特有相关 */
"mp-weixin" : {
    "appid" : "xxx",
    /* 启用分包配置 */
    "optimization": {
        "subPackages": true
    },
    "runmode" : "liberate" // 开启分包优化后,必须配置资源释放模式
},

2、在pages.json中配置subPackages

这里是path是相对于root的路径,且分包pages2不能和主包page一致,就是说这里root不能配置成pages

"subPackages": [{
	"root": "pages2",
	"pages": [
		{
			"path": "login/login",
			"style": {
				"navigationBarTitleText": "登录"
			}
		}]
}],

3、在页面中使用

分包页面一样可以通过uni.navigateTo({ url: '/pages2/login/login' })跳转到对应的页面

注意:
App开启分包后,每个分包单独编译成一个js文件(都包含在app内,不会联网下载),当App首页是vue时,可减小启动加载文件大小,提升启动速度。
首页是nvue时,分包不会提升启动速度,nvue本身启动速度就快于vue,也快于开启分包后的首页为vue的应用。如果追求极致启动速度,还是应该使用nvue做首页并在manifest开启fast模式。
App页面较少时,分包对启动速度的优化不明显。


http://www.niftyadmin.cn/n/5039313.html

相关文章

全国“十城千企”中小企业数字化服务行(厦门站),攸信技术为中小企业来访团“把脉问诊”!

近日,由厦门市工业和信息化局、市国资委联合主办的2023年全国“百场万企”大中小企业融通对接活动暨全国“十城千企”中小企业数字化服务行(厦门站)在厦顺利召开。众多行业知名企业会聚,聚焦中小企业智能化改造和数字化转型升级。…

Android AndroidStudro版本gradle版本对应

详情网站:Android studio版本对用的gradle版本和插件版本(注意事项)

AndroidUtil - 强大易用的安卓工具类库

官网 https://github.com/Blankj/AndroidUtilCode/blob/master/README-CN.md 项目介绍 AndroidUtilCode 🔥 是一个强大易用的安卓工具类库,它合理地封装了安卓开发中常用的函数,具有完善的 Demo 和单元测试,利用其封装好的 API…

蓝桥杯每日一题2023.9.15

蓝桥杯2022年第十三届省赛真题-修剪灌木 - C语言网 (dotcpp.com) 题目描述 爱丽丝要完成一项修剪灌木的工作。有 N 棵灌木整齐的从左到右排成一排。爱丽丝在每天傍晚会修剪一棵灌木,让灌木的高度变为 0 厘米。爱丽丝修剪灌木的顺序是从最左侧的灌木开始&#xff0…

PC微信3.9.7内测版,更新功能一览(附下载)

之前小编发布了PC微信3.9.7的内测版本,不过大家没有内测权限,不能够安装体验,本次正式版终于来了,大家可以下载安装体验,和之前一样小编给大家介绍本次PC版微信更新的内容,感兴趣的朋友可以下载体验一下&am…

位图的实现,布隆过滤器

位图: 概念: 由于位图是通过一个比特位来判断是不是在范围里面的,所以其对应的时间复杂度都是O(1)的。 位图的实现: 如上图所示: 上图对应的就是3个字节,即24个比特位 要想实现位图,就得知道…

Layui快速入门之第八节 表格渲染与属性的使用

目录 一:表格的渲染 API 方法配置渲染 模板配置渲染 静态表格渲染 二:表格的属性 基础属性 异步属性 返回数据中的特定字段 表头属性 重载 完整重载 仅数据重载 2.7 获取选中行 设置行选中状态 2.8 获取当前页接口数据 获取表格缓存数…

Oracle数据如何迁移导入到MySQL

使用Navicat工具建立数据连接,进行数据传输 1、打开Navicat工具,分别连接Oracle数据库和MySQL数据库。 2、连接源选择你的oracle数据,目标选mysql 即可成功导入