首页 > 编程语言 >微信小程序分包

微信小程序分包

时间:2023-01-31 00:01:50浏览次数:41  
标签:新建 微信 程序 文件夹 分包 主包 pages 加载

当我们程序太大的时候,打开小程序就会比较慢,此处就需要用到分包加载,按照模块划分不同的包,让用户在需要的时候才加载对用的模块,也就是用户在进入某些页面的时候才下载该页面的资源,提高小程序的打开速度,以及首次加载资源的速度。

通常情况下,我们建的文件都在根文件夹下的pages里面
在这里插入图片描述
根文件夹其实就是主包,主包的文件对应在app.jsonpages内的路径,比如在pages内新建一个home文件夹,home文件夹内新建index.wxml文件。
在这里插入图片描述
小程序在打开的时候会加载主包内的内容,如果所有文件都写在主包,那么打开小程序的时候会加载大量资源,导致小程序打开缓慢。

解决方法:分包加载
比如在这里要新建一个积分专区,那么主包内只需要新建一个对应的文件夹,这个是tabbar文件,必备,进入积分专区后,在专区内跳转的页面指定到子包,对应的模块在子包内完成。
在这里插入图片描述

新建子包
在根文件夹下新建一个文件夹,文件夹可以根据模块来命名,新建文件夹后在app.json中配置。
在这里插入图片描述
subpackages就是子包,内部的{"root":'xxx'}就是子包的文件夹名

{
  "root" : 'xxxx'
}

pages就是文件夹下的文件路径,跟正常新建的文件流程一样。
如果要新建多个分包则在subpackages内配置多个包即可。

"subpackages" : {
	{
	 "root": "包1",
      "name": "包1",
      "pages": [
        "路径"
      ]
	 },
	 {
	 "root" : '包2'
	   .....
	 }
}

标签:新建,微信,程序,文件夹,分包,主包,pages,加载
From: https://www.cnblogs.com/wang-fan-w/p/17077583.html

相关文章

  • 微信小程序防抖
    微信小程序闭包-防抖这里主要用到闭包,将函数内的值保存下来,下次点击的时候进入判断,如果定时器启动了,则清除定时器,直到最后一次启动定时器,也就是说,在规定的时间内只会触发......
  • 微信小程序wx.navigateTo跳转参数大小超出限制问题
    微信小程序的跳转方式wx.navigateTo(Object):保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页(新页面入栈)wx.redirectTo(Object):关闭当前页面,跳......
  • 微信小程序项目中使用icon图标
    效果:步骤:1、先让ui负责人把你的账号加入到项目中,加入到项目中后就可以在icon图标库中看到该项目2、在小程序中使用新建一个view,在上面加一个class,复制icon名字上去即......
  • uniapp运行到小程序模拟器没有反应
    已经配置过配置小程序ide的相关路径,但是点击运行到微信开发者工具没有反应解决方法1、微信开发者工具,开启服务端口,设置->安全->勾选服务端口2、在Hbuilder中设......
  • 电脑微信小程序抓包
    电脑微信小程序抓包 在渗透的过程中,对于网站找不出什么漏洞的时候我们就可以,对目标进行小程序和公众号漏洞的发掘0x01设置微信代理使用Burp抓取数据包 发现我......
  • 京东联盟-怎么跳转到京东购物小程序领券下单
    大家好,我是小悟我们在自己的小程序里接入京东联盟,实际上模式是用户点击商品详情页下单,然后跳转到“京东购物”小程序领券下单(像下面那样),但是这个接口是需要申请的,且自有小......
  • 通过Edgio的EdgeJS最大限度提升您的应用程序的CDN性能
    关于在边缘战略性缓存动态内容的入门知识:它是如何工作的,以及为什么它比传统CDN更好。说到性能方面,大多数CDN提供商都做得很好,它们可以快速交付静态内容,为高峰流量期降低......
  • 每个前端程序员都应该知道的10个Chrome扩展
    开发人员一直在寻找使他们的生活更轻松、更高效的方法,因为我们都知道开发应用程序的过程并不像听起来那样结构化。您会遇到各种错误和障碍,可能需要几天时间才能克服。所以......
  • 小熊猫C++编写海龟作图程序
    未完待续。。。初遇问题使用内置的模板创建海龟作图小程序:但是,编译运行时出现错误:rturtle海龟绘图命令小结在小海龟行动之前,我们需要熟悉一下绘图环境。这里用列表小结一下......
  • matlab练习程序(三体模型)
    最近在看三体电视剧,正好看到了计算三体数值解那一部分,就想起了上学时看三体,也用matlab实现了三体的运动模拟。不过当时是通过时域外推的方式实现的,不是很严谨。下面通过......