uniapp分包,小程序分包处理 ,小程序发布包体积过大解决方案

这篇具有很好参考价值的文章主要介绍了uniapp分包,小程序分包处理 ,小程序发布包体积过大解决方案。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、什么是分包

分包就是把一个完整的小程序项目,按照需求划分为不同的子包,构建的时候打包城不同的分包,按需加载

二、分包的好处

1、可以减少小程序首次启动的下载时间

2、可以多人开发中更好的解耦协作

3、小程序发布主包体积过大

三、分包体积的限制

1、整个小程序,主包加分包不能超过20M,单个包不能超过2M,主包也是

四、分包配置步骤

1、首先在pages文件下面创建分包 ,可创建多个分包 分包名称随意

uniapp打包qq小程序代码包过大,uni-app,小程序,分包,微信小程序,前端

二、创建好分包之后 分包目录结构与主包相同

uniapp打包qq小程序代码包过大,uni-app,小程序,分包,微信小程序,前端

 三、在pages.json文件中进行分包加载配置 subPackages :[ {},{},.... ] , subPackages 中可配置多个分包 ,root:' ' 子包的根目录是 在pages 文件里面新增的分包 包名 

 uniapp打包qq小程序代码包过大,uni-app,小程序,分包,微信小程序,前端

注意事项:

  1. 分包大小不能超过 4MB。

  2. 分包路径不能包含主包中已存在的路径。

  3. 分包主页面的 wxs 文件只能引用子包内的 js 文件,不能引用主包中的 js 文件。

  4. 分包中的组件不能被主包中的页面引用,反之亦然。

  5. 分包中的页面和组件不能使用主包中的自定义组件。文章来源地址https://www.toymoban.com/news/detail-764956.html

到了这里,关于uniapp分包,小程序分包处理 ,小程序发布包体积过大解决方案的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • uniapp编译微信小程序主包过大无法上传进行分包优化步骤

    uniapp编译微信小程序主包过大无法上传进行分包优化步骤: 首先是在uniapp项目中的 manifest.json 文件中找到 源码视图 ,进去之后在微信小程序相关 mp-weixin 之下进行开启分包优化的相关配置: 开始新建项目目录,新建一个跟pages同等级的文件夹,然后把想要分包的文件 先复制

    2024年02月11日
    浏览(56)
  • 使用uniapp在打包微信小程序时主包和vendor.js过大(uniCloud的插件分包)

    正常的的微信小程序在编译后,主包应保持在2MB左右(限制最大2MB),其余的文件通过分包来进行加载  但是有的情况下,微信小程序的主包能达到3MB,vendor.js会达到1.5MB 当你发现的你的微信vendor.js只有1个文件夹,且这个文件非常大时,首先需要检查 manifest.json 在这个文件夹

    2024年02月02日
    浏览(72)
  • uni-app 微信小程序vendor.js 过大的处理方式和分包优化

    小程序工具提示vendor.js过大,已经跳过es6向es5转换。这个转换问题本身不用理会,因为vendor.js已经是es5的了。 关于体积控制,参考如下: 使用运行时代码压缩 HBuilderX创建的项目勾选运行–运行到小程序模拟器–运行时是否压缩代码 cli创建的项目可以在 package.json 中添加参数

    2024年02月11日
    浏览(76)
  • uniapp开发小程序,包过大解决方案

    目前我所了解的包过大解决方案有。 1、小程序用字体图标,不引入静态图片。大部分都要后台转成动态图片渲染 2、利用分包,在项目开始做前就要思考哪些用作分包,免得后期更改麻烦 \\\"mp-weixin\\\": { \\\"optimization\\\":{\\\"subPackages\\\":true} } 优化分包: 在对应平台的配置(manifest.json)下添

    2024年02月10日
    浏览(56)
  • uniapp写小程序 小程序分包处理

    这是分包小程序之后的目录结构 分包步骤如下 1、在根目录下新建一个 subPackages 文件夹, 之后在 subPackages 文件夹下创建 pages 用来存放页面文件 主包和分包是不能再同一目录下 根目录下的pages,我只放了 tabbar切换的两个页面,其余的页面都在subPackagespages 下面 subPackagespage

    2024年02月15日
    浏览(38)
  • uniapp开发微信小程序分包处理实录

            uniapp开发微信小程序上传代码时可能会遇到项目过大问题,今天就结合自己的实际操作简单记录下如何处理项目代码超出限制问题。         常用的操作就是将项目中的图片访问由本地访问修改为网络访问,微信开发者工具上传代码时勾选相关的压缩文件选项

    2024年02月03日
    浏览(50)
  • 微信小程序包体积过大解决方法

    因为微信开发者工具提交需要整个项目大小不超过2M,超过2M则不能提交,会出现下面这个报错 解决方法: 1、在Hbuilder x上面勾选上运行时压缩代码  2、分包操作 在pages.json文件中设置以下内容:   配置在pages是主包 配置在subPackages里面的是分包 在pages文件夹里面写入登录、首

    2024年02月09日
    浏览(39)
  • 微信小程序中主包和分包过大,详解分包问题

    哈喽,大家好呀!小韵携原创博文给大家请安啦! 前言 :开发微信小程序时,若项目比较大,必定要分包,当项目过于大时,则需要细致、谨慎地对项目进行分包优化和精简,这是一个不可避免地问题,网上的大多数分包优化都是针对于小项目的普通官方分包优化,并未将

    2024年02月08日
    浏览(55)
  • uniapp微信小程序超过2M,错误码:80051,分包处理,超简单!!!

    错误提示:message:Error: 上传失败:网络请求错误 系统错误,错误码:80051,source size 2293KB exceed max limit 2MB 第一步:首先创建一个与pages同级的目录pagesA                pages 用于存放登录页面及tabBar的那几个页面                pagesA  用于存放其他页面      

    2024年02月04日
    浏览(46)
  • 【taro react】---- 解决开发环境微信小程序由于主包体积过大不能预览问题

    1. 开发环境代码包大小 注意:可以看到此时主包加分包将近 5MB,上传预览将会超出限制!!! 2. 预览结果 报错:代码包大小超过限制,主包资源近3MB,限制最大2MB!!! 3. 解决办法 使用webpack的压缩插件,在开发环境编译的时候进行压缩; 进行分包处理,同时依赖也进行

    2024年02月10日
    浏览(51)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包