uniapp写小程序 小程序分包处理

这篇具有很好参考价值的文章主要介绍了uniapp写小程序 小程序分包处理。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

uniapp 小程序分包

这是分包小程序之后的目录结构
uniapp 主包页面跳转分包页面,小程序,前端,javascript

分包步骤如下

1、在根目录下新建一个 subPackages 文件夹, 之后在 subPackages 文件夹下创建 pages 用来存放页面文件

主包和分包是不能再同一目录下
根目录下的pages,我只放了 tabbar切换的两个页面,其余的页面都在subPackages>pages 下面
subPackages>pages的页面里如果有封装的组件,需要把 封装的组件放到subPackages的components文件下


注意: 分包后,记得修改引入的组件的路径


uniapp 主包页面跳转分包页面,小程序,前端,javascript

2、分包页面路径配置

uniapp 主包页面跳转分包页面,小程序,前端,javascript
不要忘记修改index页面 和 mine页面中的跳转路径

3、配置manifest.json

uniapp 主包页面跳转分包页面,小程序,前端,javascript
代码如下

"optimization" : {
	"subPackages" : true
}
4、分包预载配置

做这一步主要为了优化速度,不想优化速度的可以跳过这个配置

  • 特点

在加载当前包的时候可以设置预下载其他的包
缩短用户等待时间,提高用户体验

  • 配置 在pages.json中配置
    uniapp 主包页面跳转分包页面,小程序,前端,javascript
    代码如下
"preloadRule":{
	//当访问到该路由的页面时,会顺带预加载对应的包(可以是主包,也可以是子包)
	"pages/index/index": {
		"network": "all",
		"packages": ["subPackages"]  //包名称
	}
},

参考:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html#%E6%89%93%E5%8C%85%E5%8E%9F%E5%88%99文章来源地址https://www.toymoban.com/news/detail-616112.html

到了这里,关于uniapp写小程序 小程序分包处理的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp编译微信小程序主包过大无法上传进行分包优化步骤

    uniapp编译微信小程序主包过大无法上传进行分包优化步骤: 首先是在uniapp项目中的 manifest.json 文件中找到 源码视图 ,进去之后在微信小程序相关 mp-weixin 之下进行开启分包优化的相关配置: 开始新建项目目录,新建一个跟pages同等级的文件夹,然后把想要分包的文件 先复制

    2024年02月11日
    浏览(33)
  • 使用uniapp在打包微信小程序时主包和vendor.js过大(uniCloud的插件分包)

    正常的的微信小程序在编译后,主包应保持在2MB左右(限制最大2MB),其余的文件通过分包来进行加载  但是有的情况下,微信小程序的主包能达到3MB,vendor.js会达到1.5MB 当你发现的你的微信vendor.js只有1个文件夹,且这个文件非常大时,首先需要检查 manifest.json 在这个文件夹

    2024年02月02日
    浏览(34)
  • 微信小程序中主包和分包过大,详解分包问题

    哈喽,大家好呀!小韵携原创博文给大家请安啦! 前言 :开发微信小程序时,若项目比较大,必定要分包,当项目过于大时,则需要细致、谨慎地对项目进行分包优化和精简,这是一个不可避免地问题,网上的大多数分包优化都是针对于小项目的普通官方分包优化,并未将

    2024年02月08日
    浏览(35)
  • 微信小程序 主包与分包的控制小程序大小

    为了让用户有更好的体验,小程序于是限制包的大小为2M,在开发中,我们经常会出现内容过大的问题,于是要进行包的大小控制,分包就是一个很好的方式,小程序分包 的好处,分包及将代码进新分块,有点微服务的概念, 为了让用户有更好的体验,小程序于是限制包的大

    2024年02月16日
    浏览(29)
  • uni-app 小程序主包、分包优化方案

    先看效果 图1  图2是点图1的那个蓝色的字 代码依赖分析看的 好,如果博主这2两张图是你要的效果,来,说说具体操作方案 一、manifest.json加代码,如下,官方的文旦地址点右边---》uni-app官网 二、 目录结构 1、新建一个pageCity(你自己命名) 2、移动你原本的子页面文件(非

    2024年02月15日
    浏览(27)
  • 微信小程序主包和分包资源相互引用规则

    微信分包文档   文档中只提到了分包对于兄弟分包和主包之间的引用关系,但是并未提及,主包是否可以引用分包资源。其实只需要明白两点, 第一点:分包永远都是异步加载的 第二点:主包可以预加载分包 那么其实这里就已经很明显了,如果想要主包使用分包的资源,那

    2024年01月21日
    浏览(47)
  • uniapp分包,小程序分包处理 ,小程序发布包体积过大解决方案

    分包就是把一个完整的小程序项目,按照需求划分为不同的子包,构建的时候打包城不同的分包,按需加载 1、 可以减少小程序首次启动的下载时间 2、 可以多人开发中更好的解耦协作 3、 小程序发布主包体积过大 1、 整个小程序,主包加分包不能超过20M,单个包不能超过2M,主包也

    2024年02月04日
    浏览(37)
  • 微信小程序的优化方案之主包与分包的研究

    什么是分包? 某些情况下,开发者需要将小程序划分成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载。 在构建小程序分包项目时,构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。所谓的主包,即放置默认启动页面/TabBar 页面,以

    2024年02月11日
    浏览(33)
  • uniapp开发微信小程序分包处理实录

            uniapp开发微信小程序上传代码时可能会遇到项目过大问题,今天就结合自己的实际操作简单记录下如何处理项目代码超出限制问题。         常用的操作就是将项目中的图片访问由本地访问修改为网络访问,微信开发者工具上传代码时勾选相关的压缩文件选项

    2024年02月03日
    浏览(38)
  • uniapp微信小程序超过2M,错误码:80051,分包处理,超简单!!!

    错误提示:message:Error: 上传失败:网络请求错误 系统错误,错误码:80051,source size 2293KB exceed max limit 2MB 第一步:首先创建一个与pages同级的目录pagesA                pages 用于存放登录页面及tabBar的那几个页面                pagesA  用于存放其他页面      

    2024年02月04日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包