uniapp开发微信小程序设置分包，简单易学（图解）

2024-04-16 10:12:57

我们使用uniapp开发微信小程序的时候，当我们的包体积过大的时候，无法真机模拟

因为小程序单个包只支持2MB，所以这时候我们要选择去分包。

有人要问了分包难吗？分包很简单。但是

最重要的来了，分包这个决定，要早做决定，当你开发之前，评估一下，就觉得你这个小程序不值2MB，所以我们可以开始的时候就分包。

不要像我这样，都已经页面全部都画完了，才发现分包会更好。

具体分包是怎么样做的呢?

uniapp分包步骤

首先，在 manifest.json文件中的源码试图中配置

“mp-weixin”: {

“optimization”:{“subPackages”:true}

}

在对应平台的配置(manifest.json)下添加"optimization":{"subPackages":true}开启分包优化

目前只支持mp-weixin、mp-qq、mp-baidu的分包优化

配置pages.json

在pages.json中新建数组"subPackages"，数组中包含两个参数：

1.root：为子包的根目录，

2.pages：子包由哪些页面组成，参数同pages；

分包的包文件夹和主包文件夹在同一等级

注意，分包和主包的页面路径

主包页面路径

分包文件路径

uniapp开发微信小程序设置分包，简单易学（图解）相关推荐

uniapp开发微信小程序，从构建到上线
前言: 本文主要介绍 uniapp 的基础使用,以及使用 uniapp 在企业开发的过程中的一个详细流程,比较适合第一次使用uniapp 开发微信小程序的伙伴,或者没有过实战经验的小伙伴参考:使用 H ...
uniapp开发微信小程序-7.用户填写表单信息
uniapp开发微信小程序-7.用户填写表单信息本章让用户通过表单更新自己的个人信息,也是本系列文章最后一篇入门分享,之后碰到新颖.常用的功能会继续分享给大家,如果大家有任何问题欢迎留言,我会尽快线 ...
uniapp开发微信小程序-4.页面跳转与横向滑动
uniapp开发微信小程序-4.页面跳转与横向滑动本篇文章主要是想记录一下横向滑动功能,备忘的同时给大家做个分享. 但既然是初级分享系列文章,为了方便新手朋友的上手工作,还是在此之前说一下页面跳转的 ...
uniapp开发微信小程序分享功能
记一次uniapp开发微信小程序遇到的问题, 问题: 关于button的分享属性, 在HbuilderX中开发时,直接将button覆盖在image上,将button设置为透明,可以直接实现分享功能, ...
uniapp开发微信小程序使用painter绘制海报
uniapp开发微信小程序使用painter绘制海报参考文章: 1.简书大佬文章https://www.jianshu.com/p/e9cab600cf6c 2.CSDN大佬文章https://bl ...
uniapp开发微信小程序，引用微信物理查询插件
使用uniapp开发微信小程序,引用微信官方提供的物流查询插件开发时遇到的问题: 项目内有两个分包都有使用物流查询插件,所以插件的引入只能放在manifest.json>mp-weixin里面 ...
uni-app开发微信小程序的简要流程
uni-app开发微信小程序开发uni-app的技术条件就是微信小程序及Vue,不熟悉vue的同学要先学习了解一下.不熟悉小程序可以直接看uni文档.https://uniapp.dcloud.io ...
使用uniapp 开发微信小程序map组件在开发过程中遇到的问题
** 使用uniapp 开发微信小程序map组件在开发过程中遇到的问题 [菜鸟记录] ** 发现的问题: 如果给map设置初始化scale的话,手指缩放地图后,点击按钮让地图再次回到和初始化一样的 s ...
uni-app开发微信小程序时u-view自定义样式不生效
背景: 在使用uni-app开发微信小程序时,设置原生样式后无效 test1.vue文件 <template><view><u-radio-group v-model=& ...

最新文章

热门文章