uniapp分包微信小程序步骤

最新推荐文章于 2024-09-26 19:58:29 发布
最新推荐文章于 2024-09-26 19:58:29 发布
阅读量85 收藏
点赞数
分类专栏： 前端 文章标签： uni-app 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42379938/article/details/133884108
版权

分包原因

小程序在上传的时候提示包太大，微信小程序每个分包的大小是2M。

主包和分包

主包：即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本（也就是在/pages下）；
分包：是根据pages.json的配置进行划分。

步骤

  1. 配置manifest.json
    在这里插入图片描述
  2. 创建子包
    在这里插入图片描述
    3、配置pages.json
    在这里插入图片描述
敢哥coder
关注
专栏目录
使用uniapp开发微信小程序实现分包、以及在主包和分包中如何使用插件
weixin_46032200的博客
06-29 5998
1、实现分包 1、分包文件夹与pages同级 2、在page.json中配置分包页面 2、使用插件 1、在主包中加载使用 在manifest.json中声明插件： 在主包的页面中使用先要在page,json中对应的页面中style中配置对应平台的usingComponents或usingSwanComponents 2、在分包中加载使用：在page.json中的subPackages中声明 注意： 仅能在这个分包内使用该插件； 同一个插件不能被多个分包同时引用； 不能从分包外的页面直接跳入分包内
uniapp开发微信小程序分包处理实录
weixin_43401380的博客
04-19 1653
项目中除了tabbar相关的首页和我的页面，其余业务代码都放放到的subpages文件夹中。由于项目中引入了uView2.0和uni-im插件，单独将插件安装目录uni_modules作为一个子包，配置方式同业务代码都是配置在subpages节点中。我的项目中引入了uView2.0和uni-im插件，所以不做处理的话指定超过2M，下面就说下uniapp开发进行分包的处理方式。整个小程序所有分包体积不能大于16M（主包+分包，也有说不能超过20M，没搞过那么大的没有试过）单个分包/主包大小不能超过2M。
uniapp的打包：h5、微信小程序以及APP方式
蔡菜小奥比的博客
03-28 7775
本人用的是HBuilder编译器，学习uniapp时b站某位大大推荐的，我刚开始接触代码时候也用过，那时候并不好用这个编译器，但是现在试了一下挺好用的。微信小程序还有另外一种发行方式，就是可以勾选第三个方框，但是需要用到小程序密钥，大家可以试一下，我这里就不展示了。弹框之后只需要写网站标题即可，再点击发行按钮，然后等待就好了，打包好的文件会放在unpackage文件夹里。打包完会弹出这个框，自己看着来设置就好了。可以在微信开发者工具的项目配置里设置合法域名，也可以在本地设置里的不校验合法域名取消勾选。
uniapp使用微信小程序插件 miniprogram-thirdparty-plugin
couch potato的博客
06-15 2678
在小程序平台需要先申请插件的使用 uniapp中使用 1、manifest. json文件打开源码视图 在" mp-weixin"模块下添加引用 /*小程序特有相关*/ "mp-weixin":{ "plugins": { "miniprogram-thirdparty-plugin": { "version": "0.1.2", "provider": "wxb8b928431b8c56d8" } } } 2、使用方式和官网一样 在uniapp中记得添加条件
uniapp开发微信小程序，从构建到上线
热门推荐
程邓楠的博客
06-09 5万+
本文主要介绍 uniapp 的基础使用，以及使用 uniapp 在企业开发的过程中的一个详细流程，比较适合第一次使用uniapp 开发微信小程序的伙伴，或者没有过实战经验的小伙伴参考；使用 Hbuildx 配合 Uniapp 框架结合 Uview 的UI框架为大家演示今天的Demo！......
uniapp微信小程序分包步骤
weixin_45941687的博客
08-29 911
uniapp微信小程序分布步骤
用uniapp开发微信小程序
wdx0211的博客
06-20 1292
一、为什么使用uni-app？1.微信定义的这套语法，wxml、wxs，以及wx:if等语法，私有化太强。2.uni-app支持跨端多平台编译，多端开发成本低。3.基于通用的前端技术栈，采用vue语法+微信小程序api，没有额外的学习成本。二、uni-app项目起步uni-app官方推荐的开发工具为HBuilderX，不过由于本人习惯使用vscode，因此介绍如何在vscode中使用uni-app。1.CLI工程全局安装 vue-cli 3.x（如已安装请跳过此步骤）
如何用uniapp开发微信小程序
2203_76123090的博客
06-14 1143
在 pages.json 中提供 tabBar 配置，不仅仅是为了方便快速开发导航，更重要的是在App和小程序端提升性能。在这两个平台，底层原生引擎在启动时无需等待js引擎初始化，即可直接读取 pages.json 中配置的 tabBar 信息，渲染原生tab。在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，会把对应分包自动下载下来，下载完成后再进行展示。因小程序有体积和资源加载限制，小程序平台提供了分包方式，优化小程序的下载和启动速度。则需要在 pages.json 中填写。
uniapp微信小程序分包处理
youhebuke225的博客
08-18 1227
在uni-app中，为了优化小程序的加载速度和提升用户体验，特别是当小程序代码量较大时，可以使用微信小程序的分包加载功能。分包加载允许将小程序代码拆分成不同的包，在用户初次启动时按需加载。
Uniapp微信小程序分包
yanling_061的博客
08-17 463
2. 配置pages.json， 新增"subPackages": []数组，分别配置root属性和pages属性，root是分包的名称，pages接收分包下的页面配置，配置写法等同于上级的pages。## 额外的还可以配置在进入小程序某个页面时，由框架自动预下载可能需要的分包，提升进入后续分包页面时的启动速度。- 主包，用来放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本。- 分包，其他除了启动页面/TabBar页面外的页面，和每个分包页面下所需要使用的组件。......
uniapp运行微信小程序 分包步骤
04-13
可以使用uni-app提供的分包配置进行分包，具体步骤如下： 1. 在uni-app项目的根目录下新建一个subpackages文件夹，用于存放分包的页面和组件。 2. 在manifest.json中添加...希望这些步骤能帮助你成功运行微信小程序。
uniapp和小程序如何分包，详细步骤手把手（图解）(1)
2401_84433570的博客
04-29 341
今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。所以看完之后，还是多多行动起来吧！可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
uniapp/微信小程序底部动态tabBar解决方案 (自定义tabBar底部导航)
qq_40026668的博客
01-19 9165
需求 有5 个（或n个）页面,页面路径如下,均可设置为tab页，底部tab的展示数据通过接口加载 '/pages/index/index' '/package/user/index' '/package/index/cat/index' '/package/index/cart/index' '/package/user/order/index' 设置为tab页，则需tab形式跳转，否则为普通页面跳转 ...
uniapp微信小程序发布h5适配
EEstefan的博客
12-26 2621
背景 这次项目是要兼容微信小程序、h5的。目前开发完成发现，微信小程序和手机浏览器打开h5，页面都是正常的。在PC浏览器和ipad上打开H5，出现了布局和字体错乱。 解决步骤 自定义模板路径 在manifest.json H5配置中，填写 index.html 模板路径 这是为了方便些条件编译当在h5下的时候 在index.template.html中 <!DOCTYPE html> <html lang="zh"> <head> <link rel="shor
uniapp 常用高度状态栏，导航栏，tab栏，底部安全高度
最新发布
CZDBGSY的博客
09-26 437
uniapp 常用高度状态栏，导航栏，tab栏，底部安全高度。
uniapp生物识别示例（人脸识别、指纹识别）
weixin_59685936的博客
09-25 907
uniapp生物识别示例（人脸识别、指纹识别）
uniapp APP自动更新组件
luck332的专栏
09-25 769
在uniapp中实现APP自动更新功能，主要涉及到客户端和服务器端的协同工作。
uni-app进度条
ctf_0226的博客
09-24 728
【代码】uni-app进度条。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值