首页 > 编程语言 >uniapp微信小程序-分包(一看就懂)

uniapp微信小程序-分包(一看就懂)

时间:2024-11-05 08:49:47浏览次数:3  
标签:subpackage1 uniapp style index 微信 分包 path pages

一、为什么要分包

微信小程序每个分包的大小是2M,总体积一共不能超过20M,当然你也可以提升启动速度,降低首次加载时间,模块化开发,按需加载,提高性能。

二、分包步骤

 

1.首先在 mainfest.json mp-weixin添加以下代码(启动分包)

"optimization": {
    "subPackages": true
}

2.项目结构改变,添加分包目录

├── pages             // 主包页面
│   └── index
├── subpackage1       // 分包1
│   ├── page1
│   └── page2
├── subpackage2       // 分包2
│   ├── page3
│   └── page4
├── app.js
├── app.json
├── app.wxss

解释一下:subpackage1  subpackage2 就是你要分出去的包这里面就要写你写的项目比如首页啊什么的但是注意tabar栏的内容不能分

3.路径也成相对分包的变一下

	"subPackages": [{
		"root": "subpackage1       ",
		"pages": [	{
			"path": "",
			"style": {
				
			}
		},
		{
			"path": "",
			"style": {
				
			}
		},
		{
			"path": "",
			"style": {
				
			}
		}]
	}],

subPackages这里面写分包内容的路径,就跟pages写路径一样,但是分包不用写前面的pages直接就 index/index就行

	"path": "pages/index/index",

四、分包细节和注意事项

1.点击运行时压缩代码才能看到真的小程序多大

 

2. 查看项目多大,主包和分包多大
a.首先点击右上角详情

 

b.点击代码依赖分析

C.就可以看到你的包是否需要分了

 

标签:subpackage1,uniapp,style,index,微信,分包,path,pages
From: https://www.cnblogs.com/jspang/p/18527114

相关文章

  • python+flask框架的智慧工会微信小程序 小程序端28(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容选题背景随着信息技术的飞速发展和移动互联网的普及,微信小程序作为一种轻量级的应用形态,已成为各类服务接入互联网的重要平台。智慧工会作为新时代......
  • 微信公众号服务器配置一直提示token验证失败?
    本地使用postman,请求了要设置在微信公众号服务器回调的URL,可以正常返回echostr,点击提交,一直报错token验证失败,请问这个是什么原因呢? 解决办法:解决了,我去,好坑啊,遇到该问题的朋友,请做如下检查: 1.检查,request是不是UTF-8,避免获取的数据是乱码  2.response.setContentTyp......
  • 如何快速定位Windows微信客户端数据库加密秘钥偏移地址
     手工获取网上涉及如何调试微信客户端获取数据库加密key的教程很多,但是每次微信版本更新后都要调试肯定会比较麻烦,但是有一个问题是这个key其实不是经常变更的,具体如何变更我也不清楚,可能是改密码?因此我们可以直接使用CheatEngine等内存搜索工具直接搜索之前获取的key,这样......
  • uniapp 页面导航条配置节点 navigation-bar
    navigation-bar页面导航条配置节点,用于指定导航栏的一些属性。只能是 page-meta 组件内的第一个节点,需要配合它一同使用。平台差异说明AppH5微信小程序支付宝小程序百度小程序抖音小程序、飞书小程序QQ小程序快手小程序京东小程序√2.6.3+2.6.3+√2.9.0+......
  • 电脑软件:PC端微信4.0内测版功能一览
    目录一、版本说明二、安装说明三、使用说明3.1UI界面优化3.2联系人界面优化3.3文件管理功能优化四、总结一、版本说明近期腾讯官方更新了Windows版本的微信,4.0.0内测版本。这次和往常不同,不需要申请内测资格就可以下载体验,并且安装的版本和已经安装的微信版......
  • java springboot对接微信小程序和微信支付v3接口
    1、controller代码packagecom.saburo.server.controller.weixin;importcn.dev33.satoken.annotation.SaIgnore;importcom.gcode.common.core.R;importcom.saburo.server.common.dto.WeiXinUserInfoDto;importcom.saburo.server.common.dto.money.PayDto;importcom.......
  • 小程序分包看完这一篇秒懂
    前言在小程序开发中,分包是一种优化加载时间和用户体验的方法。通过将小程序拆分成多个包,可以按需加载,从而减少首次加载时间。很多刚涉及小程序开发的小伙伴对小程序分包都相对茫然或者头疼。也不知道该合适进行分包,怎么进行分包。其实分包并没有那么难。耐心的看下去,我相信你......
  • 微信小程序的开发流程
    微信小程序开发流程1.注册微信小程序账号进入微信公众平台(mp.weixin.qq.com),选择小程序的账号类型按照流程进行注册。注意每个邮箱只能注册一个账号。2.下载开发工具使用账号登录微信公众平台,在开发->开发设置->开发者ID中找到小程序的AppID。下载微信开发者工具,进入小......
  • 微信小程序的考试系统(30060)
     有需要的同学,源代码和配套文档领取,加文章最下方的名片哦一、项目演示项目演示视频1项目演示视频2二、资料介绍完整源代码(前后端源代码+SQL脚本)配套文档(LW+PPT+开题报告)远程调试控屏包运行三、技术介绍Java语言SSM框架SpringBoot框架Vue框架JSP页面Mysql数据库IDEA/Ecl......
  • uniapp使用uni.createInnerAudioContext()播放指定音频并且切换
    uniapp使用uni.createInnerAudioContext()播放指定音频并且切换因为做的小程序或者h5需要视频讲解或者音乐组件的默认展示播放按钮,当点击播放的时候显示暂停音乐这样的一个效果。在unipp中我们直接只用uni.createInnerAudioContext()代替audio,使用更加方便,更加简洁,unia......