UNI-APP 小程序分包

原创已于 2023-11-08 13:44:07 修改 · 178 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#uniapp #uni-app #微信小程序

于 2023-11-08 13:42:24 首次发布

uni-app 同时被 2 个专栏收录

33 篇文章

订阅专栏

微信小程序

28 篇文章

订阅专栏

文章讲述了在IT项目中，如何通过在根目录下创建page2和page3文件夹，并在每个文件夹内的page.json中配置`subPackages`，来管理多个子包的内容结构。

首先根目录先创建一个 page2 文件夹然后page.json文件添加下面代码

"subPackages": [{
		"root": "page2",
		"pages": []
}],

需要多个分包是创建第三个分包的文件夹page3然后page.json文件添加下面代码

"subPackages": [{
    "root": "page2",
    "pages": []
    },{
    "root": "page3",
    "pages": []
    }
],

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

—Qeyser

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

精选资源

基于uni-app+uniui实现，支持H5、APP、微信小程序、支付宝小程序等

04-04

【标题】：“基于uni-app+uniui实现，支持H5、APP、微信小程序、支付宝小程序等” 【描述】：“芋道管理后台的移动端，基于uni-app+uniui实现，支持H5、APP、微信小程序、支付宝小程序等，实现与ruoyi-vue-pro、...

精选资源

uni-app小程序示例.rar

03-18

【uni-app小程序示例】 uni-app是一个由ECharts团队开发的多端开发框架，它允许开发者使用一套代码来构建微信小程序、H5、Android、iOS等应用，极大地提高了开发效率和跨平台兼容性。本压缩包文件“uni-app小程序...

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

uniapp微信小程序项目的分包实现

然后不二

12-02

1509

uniapp、微信小程序、分包、静态资源

uniapp 微信小程序 配置分包，多个分包

徐飞的博客

09-16

2530

uniapp 微信小程序 配置分包，多个分包。减少项目的体积，可以减少小程序首次启动时的加载时间。不用担心主包过大无法上传和打包小程序项目。

uniapp分包解决分多个包的问题

m0_71835253的博客

09-07

2204

uniapp分包解决分多个包的问题

uniapp中使用分包

yuansusu_的博客

04-25

5267

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

uniapp分包

一只小松鼠_的博客

03-05

2108

在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，会把对应分包自动下载下来，下载完成后再进行展示。此时终端界面会有等待提示。出现这几个字的原因是由于用户刚进入的界面必定是主包，而在用户进入分包的时候，由于分包资源还未下载，所以微信官方便贴心的提示用户正在加载分包资源。9、要清楚的是分包是一种不得已而为之的手段，确保在分包前项目中静态资源已优化完毕，且没有大量注释或无用代码也是一种手段。2). 分包：除主包外的所有页面都应放置在分包内，为避免读者混淆，本文会将该分包定义为。

uni-app 小程序分包

weixin_39357177的博客

01-27

1130

前言 微信小程序主包规定不能超过2M，当超过2M时候，可以通过分包的方式解决小程序体积限制的问题。微信小程序每个分包的大小是2M，总体积一共不能超过20M。如有更新，请参考uni-app官网 ???? 官网文档下面是一个uni-app小程序项目一、在pages的同级创建分包二、在分包下创建页面pages目录，模块vue文件 *注意，配置的path路径是相对于root下的路径三、pages.json增加subPackages配置四、在manifest.json中开启分包优化加入代码 "opt

uni-app小程序分包加载

01-28

### uni-app 小程序分包加载实现方法 #### 配置 `pages.json` 文件为了实现小程序的分包加载，需在项目的根目录下编辑 `pages.json` 文件。此文件用于定义应用的页面路径以及窗口表现。对于分包设置而言，主要关注...

精选资源

uni-app+uview+vuex+分包环境搭建

03-07

uni-app是由HBuilderX团队开发的一款多端开发框架，它允许开发者编写一次代码，就可以在iOS、Android、Web（H5）、微信小程序、支付宝小程序、百度小程序等多个平台运行。uni-app的核心是基于Vue.js，利用Vue的语法...

uniapp分包demo

11-03

uniapp多页面配置效果，项目代码subPackages 里的pages的路径是 root 下的相对路径，不是全路径。微信、百度小程序每个分包的大小是2M，总体积一共不能超过8M。支付宝小程序每个分包的大小是2M，总体积一共不能超过4M。分包下支持独立的 static 目录，用来对静态资源进行分包。 uni-app内支持对微信小程序、QQ小程序、百度小程序分包优化，即将静态资源或者js文件放入分包内不占用主包大小。详情请参考：关于分包优化的说明针对vendor.js过大的情况可以使用运行时压缩代码 HBuilderX创建的项目勾选运行–>运行到小程序模拟器–>运行时是否压缩代码

uniapp和小程序如何分包，详细步骤手把手（图解）_uni分包

2401_84296945的博客

04-28

7996

在pages.json中新建数组"subPackages"，数组中包含两个参数：1.root：为子包的根目录，2.pages：子包由哪些页面组成，参数同pages；配置preloadRule后，在进入小程序某个页面时，由框架自动预下载可能需要的分包，提升进入后续分包页面时的启动速度。app的分包，同样支持preloadRule，但网络规则无效。做这一步主要为了优化速度，不想优化速度的可以跳过这个配置。在对应平台的配置(manifest.json)下添加。大纲路线、讲解视频，并且后续会持续更新**

随笔集：uniapp的分包

JOB_TD的博客

01-04

483

uniapp的分包由于微信小程序的代码体积打包压缩后不能超过2M，但就一般小程序而言其实就相当于一个阉割版的app，功能上哪怕阉割再多，只要形成一定的玩法规则体系，非常容易就超过这个限制。因此官方提出了分包的概念。就是将一个大的代码包分成若干个更小的小代码包。但是每个分包和主包也不能单个超过2M的限制且整个小程序所有分包大小不超过 8M。分包的实现也十分简单，这边我以uniapp为例。 { "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud

uniapp做小程序分包

NICKDL的博客

05-17

595

背景：用uniapp开发小程序时会遇到文件夹资源过大（一般是2M以上）导致无法预览的问题，因此就需要配置分包规则；话不多说，直接上代码：先在根目录下面建立几个需要做分包的文件夹，如：打开pages.json这个文件，一般情况会有四个主页面，如： "pages": [ { "path": "pages/index/index", "style": { "navigationBarTitleText": "首页" } },

uniapp开发微信小程序---分包