uniapp开发微信小程序设置分包,简单易学(图解)

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

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

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

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

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

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

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

uniapp分包步骤

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

“mp-weixin”: {

“optimization”:{“subPackages”:true}

}

uniapp微信小程序分包,uniapp,微信小程序,微信小程序,小程序

 文章来源地址https://www.toymoban.com/news/detail-602275.html

在对应平台的配置(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微信小程序分包,uniapp,微信小程序,微信小程序,小程序

 

 分包文件路径

uniapp微信小程序分包,uniapp,微信小程序,微信小程序,小程序

 

到了这里,关于uniapp开发微信小程序设置分包,简单易学(图解)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • uniapp 微信小程序 分包

    1、manifest.json内添加如图所示: 2、在与pages同级上创建各个分包的文件夹 把需要分包的文件对应移入分包文件夹内 3、page.json内修改分包文件的路径 比如: 3、页面内跳转路径修改 比如:

    2024年02月13日
    浏览(54)
  • uniapp微信小程序分包

    目录 一. 分包的概念 1. 什么是分包 2. 分包的好处 3. 分包后项目的构成 4. 分包加载规则 5. 分包体积限制 二. 分包的方法 1. 分包后的目录结构 2. 配置manifest.json 3. 配置pages.json 4. 全局修改分包文件路径 1. 什么是分包 2. 分包的好处 3. 分包后项目的构成 4. 分包加载规则

    2024年02月11日
    浏览(53)
  • uniapp 微信小程序分包

    uniapp项目编译到微信小程序上传代码时提示体积过大,这个时候就要做优化了,大致就以下几个方面 1.减少或压缩本地图片 2.删减重复代码,删减无用CSS样式 3.减少无用组件引用 这个时候做完发现也优化不了多少体积,代码包还是过大,所以就要用到分包了 分包步骤 1.在p

    2024年02月14日
    浏览(48)
  • uniapp-微信小程序 分包--详解

    先说好,如果代码模块多,就一个一个模块搞(照着做不会错) 直入主题,我代码写完了,一真机运行,g,发现超过2m(微信小程序不能超过2m),找办法,发现设置里面有个最大运行4M,打开后可以真机调试了,结果上传代码,g,必须小于2M。找办法 1、将静态资源放到服务

    2023年04月23日
    浏览(54)
  • uniapp微信小程序之分包异步化之组件分包

    日渐增加的通用组件造成的主包空间不足; 提升小程序访问速度,降低白屏率; 如何进行占位组件配置; 如何解决通过$refs访问异步组件报错; 如何判断所有异步组件都已加载完毕; 多分包组件之间互相调用如何配置; 占位组件配置         直接在页面路由配置文件

    2024年02月07日
    浏览(55)
  • uniapp 微信小程序 分包打包流程出现的问题

    uniapp 微信小程序  URL:小程序性能优化指南 | 微信开放社区   主包只能2M,太小啦 举个例子 比如公司就是一个项目(小于20M),新来的同事就是一个文件吧,随着公司的人越来越多(项目也就是主包大于2M),就需要划分部门,每个部门就可以理解为一个分包。  URL:使用分包

    2024年02月09日
    浏览(81)
  • uniapp 开发微信小程序 头部适配

    在 UniApp 中,在微信小程序开发中,头部适配可以通过修改 pages.json 中的 navigationStyle 配置项来实现,具体操作步骤如下: 进入 pages.json 文件 在 UniApp 项目的根目录中找到 pages.json 文件,打开该文件。 修改 navigationStyle 配置项 在 pages.json 文件中,可以为每一个页面单独设置导

    2024年02月14日
    浏览(41)
  • uniapp开发微信小程序订阅消息

    微信发送订阅消息接口文档 1.1、获取模板id及模板字段名称 注意点: 消息字段的类型是有校验的,充电度数是number类型,则传入的string中不能使用0.00度。则会报错。 2.1、编写消息模板配置文件 2.2、编写订阅消息请求对象 2.3、编写充电开始订阅消息模板对象 2.2.1、DataEntry

    2024年02月16日
    浏览(55)
  • uniapp开发微信小程序之登录

    最近开发了一个关于订餐的小程序,记录一下开发过程中运到的问题。 小程序登录实现流程: (1)调用微信登录方法获取code (2)后端接口根据code查询该用户是否手机号授权,已绑定openID (3)若绑定过,则直接跳入页面;若没有,则进入授权页面,进行手机号授权 (4)

    2024年02月15日
    浏览(58)
  • uniapp开发微信小程序教程(一)

    微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。 我们身边的小程序:例如

    2024年02月14日
    浏览(43)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包