uniapp微信小程序之分包异步化之组件分包

1年前作者：暗夜星河分类：Toy博客阅读(10)违法举报

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

一、组件分包异步化解决的问题

日渐增加的通用组件造成的主包空间不足；
提升小程序访问速度，降低白屏率；

二、开启组件分包异步化过程中遇到的问题

如何进行占位组件配置；
如何解决通过$refs访问异步组件报错；
如何判断所有异步组件都已加载完毕；
多分包组件之间互相调用如何配置；

占位组件配置

直接在页面路由配置文件pages.json中对应调用异步组件的页面配置style中配置对应的componentPlaceholder，uniapp编译成微信小程序时会将componentPlaceholder同步到页面json配置中。

例如：文章来源地址https://www.toymoban.com/news/detail-726446.html

  "pages": [
    {
      "path": "pages/index/index",

到了这里，关于uniapp微信小程序之分包异步化之组件分包的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

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

分享到：

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

uniapp 微信小程序分包打包流程出现的问题
uniapp 微信小程序 URL：小程序性能优化指南 | 微信开放社区主包只能2M,太小啦举个例子比如公司就是一个项目（小于20M），新来的同事就是一个文件吧，随着公司的人越来越多（项目也就是主包大于2M）,就需要划分部门，每个部门就可以理解为一个分包。 URL：使用分包
2024年02月09日
浏览(36)
uniapp微信小程序超过2M，错误码：80051，分包处理，超简单！！！
错误提示：message：Error: 上传失败：网络请求错误系统错误，错误码：80051,source size 2293KB exceed max limit 2MB 第一步：首先创建一个与pages同级的目录pagesA pages 用于存放登录页面及tabBar的那几个页面 pagesA 用于存放其他页面
2024年02月04日
浏览(14)
原生微信小程序基础-分包加载&&自定义组件&&&项目全流程
小程序分包加载小程序分包加载-为什么要分包加载微信平台对小程序单个包的代码体积限制为 2M ，超过 2M 的情况下可以采用分包来解决即使小程序代码体积没有超过 2M 时也可以拆分成多个包来实现按需加载配置文件能忽略的只有静态资源，代码无法被忽略配置忽略文
2024年02月08日
浏览(9)
uniapp编译微信小程序主包过大无法上传进行分包优化步骤
uniapp编译微信小程序主包过大无法上传进行分包优化步骤：首先是在uniapp项目中的 manifest.json 文件中找到源码视图，进去之后在微信小程序相关 mp-weixin 之下进行开启分包优化的相关配置：开始新建项目目录，新建一个跟pages同等级的文件夹，然后把想要分包的文件先复制
2024年02月11日
浏览(42)
[uni-app] 微信小程序 - 组件找不到/导入报错 (分包问题导致)
切换了个路径下的组件, 导入失败, 尝试了清缓存重启删项目等一些列操作均无效上面两个路径中, 都存在一模一样的 videItem.vue Main 路径是可以导入的 Main 路径是无法导入的后来发现, 是分包的问题导致. 我们先来假设一个场景,如果小程序进行了分包操作, 其中有个公共组
2024年02月16日
浏览(13)
小程序：使用分包异步化解决一个分包引入另一个分包的组件/函数的问题
我们一般使用小程序插件的时候，喜欢将其放在分包中，因为插件体积会打包进主包内，很容易造成主包体积超过 2M 从而无法发布，我们暂且叫这个有插件的分包叫分包P，这时候另外两个业务分包XY，想引入这个分包P里的插件（插件里包含了几个组件和一些接口函数）。方
2024年02月02日
浏览(11)
使用uniapp在打包微信小程序时主包和vendor.js过大（uniCloud的插件分包）
正常的的微信小程序在编译后，主包应保持在2MB左右（限制最大2MB），其余的文件通过分包来进行加载但是有的情况下，微信小程序的主包能达到3MB，vendor.js会达到1.5MB 当你发现的你的微信vendor.js只有1个文件夹，且这个文件非常大时，首先需要检查 manifest.json 在这个文件夹
2024年02月02日
浏览(100)
高校大学校园后勤移动报修系统微信小程序uniapp+vue
本文主要是针对线下校园后勤移动报修传统管理方式中管理不便与效率低的缺点，将电子商务和计算机技术结合起来，开发出管理便捷，效率高的基于app的大学校园后勤移动报修app。该系统、操作简单、界面友好、易于管理和维护；而且对后勤报修信息具有较强的针对性、实
2024年02月03日
浏览(9)
uniApp移动端-H5-微信小程序上传文件（图片，文档和视频等）
封装了一个插件可直接使用：插件地址：uniApp移动端-H5-小程序上传文件（图片，文档和视频等），插件可直接用Hbuilderx导入示例项目查看，实现方法： H5内部是使用uni-app官方内部方法uni.chooseFile 小程序端因hybrid不能使用本地HTML，所以插件提供的是uni-app官方内部方法wx.cho
2024年02月12日
浏览(42)
uniapp引入微信小程序直播组件
在manifest.json配置即可，与直接在小程序代码中引入相同。在工程的manifest.json文件中引入直播插件通过直播间列表接口查询直播间列表，显示在小程序中点击直播间，跳转到小程序直播组件即可未整理参考未整理参考未整理参考
2024年02月22日
浏览(36)