前言

略

分包

配置方法：app.json 文件

{"pages": ["pages/index/index",...],"subpackages": [{"root": "package1","name": "pack1","pages": ["pages/ChangeFace/ChangeFace","pages/SmartCover/SmartCover"]},{"root": "package2","name": "pack2","pages": ["pages/NovemberActivity/NovemberActivity"],"independent": true}],...
}

subPackages 节点：声明分包结构
subPackages 节点下的 root 节点：相对于根目录存放，比如“/package1”、“/package2”。
subPackages 节点下的 name 节点：分包别名
subPackages 节点下的 pages 节点：前分包下所有页面。相对subPackages 节点下的 root 节点存放路径
subPackages 节点下的 independent 节点：设置为独立分包

独立分包

独立分包可以独立于主包和其他分包而单独运行。

分包预下载

{"pages": ["pages/index/index",...],"subpackages": [{"root": "package1","name": "pack1","pages": ["pages/index/index","pages/list/list"]},{"root": "package2","name": "pack2","pages": ["pages/index/index","pages/list/list"],"independent": true}],"preloadRule": {"pages/index/index": {"network": "all","packages": ["package1", "pack2"]}...
}

preloadRule 节点：声明预加载内容
preloadRule 节点下的页面路径：声明触发预加载机制的页面。在其节点下声明哪些分包需要预加载。
preloadRule 节点下的 network 节点：只有 WiFi / all 选项
preloadRule 节点下的 packages 节点：需要预加载的分包 – 填写路径或者名字(name)都可以，因为都具有唯一性。如：package1为(root)路径， pack2 为(name)名字

tabBar页面需要使用分包内的页面时该如何解决？

tabBar页面必须使用主包内的页面，不能使用分包内的页面。那该怎么办？

办法1：使用reLaunch跳转

使用自定义的tabbar，然后使用navigateTo打开页面。

wx.navigateTo({url: '/package1/pages/index/index'
})

办法2：

在主包中重写该页面。

参考

微信小程序分包：普通分包 + 独立分包
小程序independent

微信小程序分包和预加载分包相关推荐

微信 html自动加载js,微信小程序实现图片预加载组件
网页中的图片预加载图片预加载对图片画廊及图片占据很大比例的网站来说十分有利,它保证了图片快速.无缝地发布,也可帮助用户在浏览你网站内容时获得更好的用户体验.我们知道在 Web 页面中实现图片的预加载 ...
微信小程序-首屏视频加载
项目场景: 微信小程序开发: 实现小程序首页视频预加载功能 1.获取设备的宽和高度 2.小程序video的使用获取设备的宽和高度 // 获取设备的宽和高度getsize() {let that = ...
分享下自己写的一个微信小程序请求远程数据加载到页面的代码
分享下自己写的一个微信小程序请求远程数据加载到页面的代码 1 思路整理就是页面加载完毕的时候请求远程接口,然后把数据赋值给页面的变量 ,然后列表循环 2 js相关代码我是改的 onload ...
微信小程序开发动感十足的加载动画--都在这里！
微信小程序开发动感十足的加载动画--都在这里.jpg 1. 概述我们在学习微信小程序时,应该会遇到载入图片或者动画需要等待的情况,那么这个等待的画面我们应该怎么编写呢?今天我们就分享这样的小教程. ...
【微信技术-微信小程序】------- 骨架屏(加载流)配置(skeleton-config)及属性详解 (第三篇)
本篇文章是骨架屏(skeleton)配置及属性详解(第三篇) 第一篇文章:[微信技术-微信小程序]-------骨架屏(加载流) 简单入门(第一篇) 第二篇文章:[微信技术-微信小程序]------- ...
微信小程序image图无法加载出来的解决办法（亲测有效）
在微信小程序中,第一次加载页面时图片(线上图)加载不出来/图片灰色背景显示,这个时候该如何解决这个问题呢?请带着问题查看这篇博客,希望对您有所帮助(点赞skr) 看官方文档? 自行解决? 写在前面(初 ...
微信小程序体验版数据加载不了，打开调试模式下才行（在微信开发者工具上也能加载数据）
记一次微信小程序体验版数据加载不了的解决过程(请求不到数据),供大家参考: 注:域名已经备案.https已经配置.ssl证书在1.2以上版本.小程序后台已经配置服务器域名注:域名已经备案.https ...
微信小程序scroll-view上拉加载更多
微信小程序scroll-view上拉加载更多 1.wxml代码 <scroll-view class="scroll-view-container" scroll-ybind ...
微信小程序中使用wxss加载图片并实现动画
微信小程序中使用wxss加载图片并实现动画记录微信小程序中使用wxss加载图片并实现动画的方式,最终实现loading效果. 代码 .weui-loading { margin: 0 5px; wi ...

微信小程序分包和预加载分包

前言

分包

独立分包

分包预下载

tabBar页面需要使用分包内的页面时该如何解决？

办法1：使用reLaunch跳转

办法2：

参考

微信小程序分包和预加载分包相关推荐

最新文章

热门文章