uniapp 微信小程序 分包打包流程出现的问题

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

uniapp 微信小程序 

一、分包

URL:小程序性能优化指南 | 微信开放社区

1.为啥分包

uniapp 微信小程序 分包打包流程出现的问题

 主包只能2M,太小啦

举个例子 比如公司就是一个项目(小于20M),新来的同事就是一个文件吧,随着公司的人越来越多(项目也就是主包大于2M),就需要划分部门,每个部门就可以理解为一个分包。

2.怎样分包

 URL:使用分包 | 微信开放文档

官网代码!!在pages.json

{
  "pages":[
    "pages/index",
    "pages/logs"
  ],
  "subpackages": [   //分包
    {
      "root": "packageA",   //分包的主路径
      "pages": [
        "pages/cat",        //二级
        "pages/dog"         //二级
      ]
    }, {
      "root": "packageB",   //分包的主路径
      "name": "pack2",
      "pages": [
        "pages/apple",        //二级
        "pages/banana"        //二级
      ]
    }
  ]
}

个人理解 文件夹下,不含tabbar页面,可以使用分包(不一定正确哈),还是参考上面的URL.

完成之后呢,微信开发工具-->右上角详情-->基本信息中的代码依赖分析,如下图

uniapp 微信小程序 分包打包流程出现的问题

 打开时候就能看到分包啦,没显示 只要没报错,重启一下

这样基本就ok了

问题:

主包的路径是这样的: "path": "pages/tabbar/tabbar-1/tabbar-1",

分包的路径是

uniapp 微信小程序 分包打包流程出现的问题 

并且分包的path前面不能加‘/’,加了就是绝对路径,分包后主包也有 分包也有 ,并且打包后的ventor.js文件过大

二、打包

1.怎么打包

uniapp 微信小程序 分包打包流程出现的问题

 上传就行了,长传后在小程序后台开发版本可以看(不用担心,不会发布的哈哈)

2.打包出现的问题

vendor.js文件过大,这个文件基本就是第三方插件或js文件,例如json文件,tim-wx-sdk

解决方法:

1.HBuilderx   运行  运行到小程序模拟器   勾选下面的 运行时压缩代码

2.微信小程序开发工具 详情 本地设置  上传代码时自动压缩wxml

(完成这两步基本没问题了,如果还有)

3. 如果引入过 腾讯im  看一下是不是有 tim-wx-sdk 和 tim-js-sdk (T^T)

4.如果有js文件,比如省市县文件 ,很大的,分包就行了

 (在分包文件夹新建一个js文件夹,放进去分包引用,就好了)

5.还是很大,只能优化代码了

将js文件放入阿里云,我没试过文章来源地址https://www.toymoban.com/news/detail-484943.html

到了这里,关于uniapp 微信小程序 分包打包流程出现的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 【详讲】微信小程序分包流程步骤

    本文基于微信小程序的官方文档,对分包的概念以及具体的操作流程进行讲解。 主要原因就是微信小程序规定了主包大小不能超过 2M ,但我们随着开发的更新迭代,一个小程序往往是大于 2M 的。于是小程序提供了分包的解决方法,将一个完整的的小程序,在打包时分成不同

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

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

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

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

    2024年02月07日
    浏览(42)
  • uniapp打包微信小程序主包过大问题

    微信小程序包体积限制:主包资源大小不能超过20M(主包 + 分包),单个分包大小不能超过2M 问题: 在用uniapp打包微信小程序时提示文件超过了2M不让上传,主包中的 vendor.js 太大1.7M有的甚至更大, 解决: 在HbuildX中运行时勾选上运行压缩 在微信开发者工具中上传时勾选上上

    2024年04月13日
    浏览(41)
  • 原生微信小程序基础-分包加载&&自定义组件&&&项目全流程

    小程序分包加载 小程序分包加载-为什么要分包加载 微信平台对小程序单个包的代码 体积限制为 2M ,超过 2M 的情况下可以采用分包来解决 即使小程序代码体积没有超过 2M 时也可以拆分成多个包来实现 按需加载 配置文件能忽略的只有静态资源, 代码无法被忽略 配置忽略文

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

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

    2024年02月04日
    浏览(34)
  • uniapp编译微信小程序主包过大无法上传进行分包优化步骤

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

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

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

    2024年02月08日
    浏览(35)
  • [uni-app] 微信小程序 - 组件找不到/导入报错 (分包问题导致)

    切换了个路径下的组件, 导入失败, 尝试了清缓存重启删项目等一些列操作均无效 上面两个路径中, 都存在一模一样的 videItem.vue Main 路径是可以导入的 Main 路径是无法导入的 后来发现, 是 分包 的问题导致. 我们先来假设一个场景,如果小程序进行了分包操作, 其中有个公共组

    2024年02月16日
    浏览(38)
  • 使用Uniapp运行、打包、发布微信小程序

    1、HBuilder X 打开项目,运行到微信开发者工具,此时会唤起微信开发者工具 2、打包,运行------小程序-微信, 打包中  打包后的文件 3、打包完成后,在小程序开发工具中点击右上角------点击上传 点击上传   4、到小程序后台就可以看到了。测试需要设为体验版,然后测试后

    2024年02月16日
    浏览(27)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包