uniapp-微信小程序分包：配置和注意事项

最新推荐文章于 2024-11-16 06:45:00 发布

嚣张农民

最新推荐文章于 2024-11-16 06:45:00 发布

阅读量1.6k

点赞数 2

分类专栏： uniapp框架专业知识文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_40808668/article/details/109100603

版权

uniapp框架专业知识专栏收录该内容

37 篇文章 18 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了uniapp中微信小程序的分包配置步骤，包括在pages.json中添加配置，将页面移至subPackages，创建分包文件夹及迁移页面。同时，也提醒了在分包时需要注意主包应包含直接操作的页面，以及分包可能导致的加载卡顿问题，需谨慎选择分包页面以保障用户体验。

摘要由CSDN通过智能技术生成

1.pages.json 中添加以下配置：

2.pages.json 将需要分包的页面从pages数组中删除，配置到subPackages下面的pages数组中

"subPackages": [{
   
		"root": "pagesB",  //文件夹名称，  pages文件夹同级新建一个就行
		"pages": [
			{
   
				"path"

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

嚣张农民

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

订阅专栏

uni-app、小程序项目对pages.json文件拆分、动态生成pages.json文件、动态生成分包配置pages.json文件的解决方案

积跬步，至千里。

10-27

7889

uni-app、小程序项目对pages.json文件拆分、动态生成pages.json文件、动态生成分包配置pages.json文件的解决方案

Uniapp微信小程序分包

yanling_061的博客

08-17

497

2. 配置pages.json，新增"subPackages": []数组，分别配置root属性和pages属性，root是分包的名称，pages接收分包下的页面配置，配置写法等同于上级的pages。## 额外的还可以配置在进入小程序某个页面时，由框架自动预下载可能需要的分包，提升进入后续分包页面时的启动速度。- 主包，用来放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本。- 分包，其他除了启动页面/TabBar页面外的页面，和每个分包页面下所需要使用的组件。......

参与评论您还未登录，请先登录后发表或查看评论

微信小程序分包注意事项

weixin_30667301的博客

02-27

795

微信小程序分包注意事项 一、无法在首页面或tabbar页面打开分包中的页面，必须先链接到非首页面或tabbar页面，再进行跳转到分包中的页面。二、每个页面的js文件必须初始化page({})。 posted on 2018-02-27 14:41 飞狐爷阅读(...)...

【微信小程序】page.json配置-style单页面样式配置

热门推荐

weixin_46218456的博客

01-20

1万+

分包

微信小程序开发的一些注意事项记录

09-30

354

button按钮不能自定义样式因为你写了type属性，只要不写type属性，可随意变更button样式不能跳转页面的时候记得查看一下跳转的页面是否是tabBar页面，如果是，只能用switchTab来跳转 微信小程序主包里面包含：默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本如果主包和分包都要用到的公共资源都大于了2M，只能想办法将能用远程的公共资源都放到远...

hbuilderx 小程序分包_uniapp适配到微信小程序注意事项

weixin_30701169的博客

02-23

1407

uniapp我也是第一次玩，官网说可以一次编码，多端发布。说实话，一开始我是怀疑的。不过，走到现在，app已经开发好、h5页面也接近完成。现在要生成小程序了，想想就很激动。。在hbuilderx上运行到小程序，看到了熟悉的有胶囊的登录界面我很激动，登录进去一看。结果首页的按钮全没了，底部的tabbar也没了。。这还只是第一步，已经严重打击了我的信心。我有一种第一次吃螃蟹被夹住的感觉！好在uniap...

uni-app 微信小程序问题集锦

weixin_51040108的博客

11-13

851

uni-app 微信小程序注意事项

uni-app中使用lodash_uniapp适配到微信小程序注意事项

weixin_39667080的博客

11-21

894

hbuilderx 小程序分包_基于uni-app的微信小程序之分包

weixin_39846898的博客

12-22

551

作者:故事我忘了￠个人微信公众号:程序猿的月光宝盒0. 缘由最近工作在接触uni-app,用它来开发微信小程序,也是第一次接触,找了很久,还有大佬用自己写的函数做的,俺觉得我不会也不配,刚好看到下面评论是官方也支持了,所以就用官方的了,这里记录一下1. 关于分包好像是规定小程序不能超过2M,一旦超过就需要分包,因为是公司项目,肯定超过,所以就做个演示,权当记录吧1.0 这是官方文档1.1 注...

详细讲解uniapp转小程序分包教程！！！

前端路上坎坎坷坷，总有一天站在顶峰仰望世界！！！

10-13

6106

1.分包 小程序主包或分包不能超过2M，总包大小不能超过16M，分包还可以优化小程序的首次启动时间。分包前后对比分包前分包后 小程序分包预加载我们在第一次加载分包中页面时，通常会提示“正在加载模块”,影响用户体验！！！ uniapp分包配置对manifest.json文件进行配置一下,参考官网，在manifest配置以下节点，可以在App端启动分包。 "app-plus": { "optimization": { "subPackages": true }, "r

微信小程序分包流程

qingdouxiaohua的博客

07-11

667

微信小程序的分包流程主要涉及分包的创建、配置、开发、测试以及最终的上传和发布。

微信小程序---分包加载

m0_56769104的博客

07-12

2089

❓小程序的代码通常是由许多页面、组件以及资源等组成，随着小程序功能的增加，代码量也会逐渐增加，体积过大就会导致用户打开速度变慢，影响用户的使用体验。分包加载是一种小程序优化技术。将小程序不同功能的代码，分别打包成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载，在构建小程序分包项目时，构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。每个分包可以包含多个页面、组件、样式和逻辑等。当小程序需要使用某个分包时，才会加载该分包中的代码。

uniapp中使用分包

yuansusu_的博客

04-25

4074

最后我们可以查看当前的主包和分包的体积，在微信开发者小程序的右上角的详情-基本信息-本地代码-代码依赖中看到关系图，可以看到分包的体积节省了100多k，如果在详情将静态文件细分的情况，可以更少的减少主包的体积。做为小程序的首页，那么他能跳转的二级页面都放在一个分包中来加载（如下图的目录结构），这样不会加载多余的分包，也能提高加载分包的速度。在使用分包的配置后，我们会有主包和分包两个目录，这里主包和分包其实是有联系的，一般我们将主包中的页面，如。在构建小程序分包项目时，构建会输出一个或多个分包。

uni-app 小程序 配置分包

总结前端开发中遇到的问题，分享前端知识

03-23

1293

配置小程序分包：分包可以减少小程序首次启动时的加载时间为此，我们在项目中，把 tabBar 相关的 4 个页面放到主包中，其它页面（例如：商品详情页、商品列表页）放到分包中。在 uni-app 项目中，配置分包的步骤如下：在项目根目录中，创建分包的根目录，命名为subpkg 在pages.json中，和pages节点平级的位置声明subPackages节点，用来定义分包相关的结构： { "pages": [ { "path": "pa...

uniapp-微信小程序分包： 配置和注意事项

uniapp-微信小程序分包：配置和注意事项