uniapp 小程序启用组件按需注入 “lazyCodeLoading“: “requiredComponents“

这篇具有很好参考价值的文章主要介绍了uniapp 小程序启用组件按需注入 “lazyCodeLoading“: “requiredComponents“。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

lazycodeloading,uniapp,前端

自基础库版本 2.11.1 起,小程序支持有选择地注入必要的代码,以降低小程序的启动时间和运行时内存 ------ 官方解答

{
  "lazyCodeLoading": "requiredComponents"
}

注意:添加这项配置后,未使用到的代码文件将不被执行。

用时注入

在开启「按需注入」特性的前提下,「用时注入」可以指定一部分自定义组件不在小程序启动时注入,而是在真正渲染的时候才进行注入。

在已经指定 lazyCodeLoadingrequiredComponents的情况下,为自定义组件配置 占位组件,组件就会自动被视为用时注入组件:

1.每个页面内,第一次渲染该组件前,该组件都不会被注入;
2.每个页面内,第一次渲染该组件时,该组件会被渲染为其对应的占位组件,渲染流程结束后开始注入;
3.注入结束后,占位组件被替换回对应组件。

uniapp解决方案

lazycodeloading,uniapp,前端
manifest.json配置找到 最下方的源码视图 也可以用编辑器打开 找到mp-weixin添加"lazyCodeLoading": "requiredComponents"文章来源地址https://www.toymoban.com/news/detail-608626.html

到了这里,关于uniapp 小程序启用组件按需注入 “lazyCodeLoading“: “requiredComponents“的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • uni-app 微信小程序启用组件按需注入

    uni-appi 微信小程序开发,微信小程序开发工具代码质量检查显示 启用组件按需注入:未通过 。 通过官方文档可知,微信小程序自基础库版本2.11.1起,小程序支持有选择地注入必要的代码,以降低小程序的启动时间和运行时内存。配置方法如下: 添加配置 在 manifest.json 配置

    2024年02月12日
    浏览(71)
  • 微信小程序按需注入和用时注入

    官网链接 按需注入 注意事项 启用按需注入后,小程序仅注入当前访问页面所需的自定义组件和页面代码。未访问的页面、当前页面未声明的自定义组件不会被加载和初始化,对应代码文件将不被执行。请开发者修改配置后务必确认小程序的表现正常。 启用按需注入后,页面

    2024年02月20日
    浏览(37)
  • 微信小程序 - 按需注入

    按需注入 自基础库版本 2.11.1 起,小程序支持有选择地注入必要的代码,以降低小程序的启动时间和运行时内存。 只需要在app.json里面加入下面这行代码即可。 截个图看看: 用时注入 在开启「按需注入」特性的前提下,「用时注入」可以指定一部分自定义组件不在小程序启

    2024年02月15日
    浏览(39)
  • 原生小程序小话题——按需载入、占位组件、骨架屏

    第一部分 按需加载 通常情况下启动小程序,小程序的页面和包会全部载入,很耗时,对于一些性能不足的机器也不友好(比如我的老手机),这时候可以使用按需加载,就是懒加载,开启懒加载的方式也非常简单,直接在app.json当中添加如下字段就可以了。 按照官网的说法

    2024年02月09日
    浏览(24)
  • uni-app之分包加载和按需注入

    因小程序有体积和资源加载限制,如果都放主包pages里面,一般项目肯定会超过2M,微信小程序的主包或者分包的大小是2M,总体积一共不能超过20M。 主包:即放置默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本; 分包:则是根据开发者的配置进行划分

    2024年02月03日
    浏览(44)
  • vue按需加载组件

    写vue时候,通常会进行路由懒加载,如下: 写vue代码页面时,可以使用按需加载组件 大多数情况下,vue页面可能是如下的写法:访问该页面/组件时,就立刻加载business.vue 也可以使用这种按需加载方式来优化性能:Business激活时才会进行加载

    2024年02月08日
    浏览(33)
  • 第十三章 实现组件库按需引入功能

    组件库会包含几十甚至上百个组件,但是应用的时候往往只使用其中的一部分。这个时候如果全部引入到项目中,就会使输出产物体积变大。按需加载的支持是组件库中必须考虑的问题。 目前组件的按需引入会分成两个方法: 经典方法:组件单独分包 + 按需导入 + babel-plug

    2024年02月11日
    浏览(49)
  • uniapp 小程序 父组件调用子组件方法

    答案:配合小程序API  = this.selectComponent(\\\"\\\") ,来选择组件,再使用$vm选择组件实例,再调用方法,或者data 1 设置组件的id,如果你的多端,请跟据情况设置ref,class,id,以便通过小程序API选择组件(小程序的方法,uniapp中支持小程序的API) child中返回的object中,第一项,眼熟不,

    2024年02月06日
    浏览(40)
  • uniapp 小程序 评分组件

    效果图: 1、组件:starsRating.vue 2、页面内引用: 3、星星图片

    2024年02月16日
    浏览(35)
  • 按需引入ant-design-vue组件

    一、首先创建一个新的Vue项目 选择default含有babel和eslint。或者自定义Manually select features。 babel是一个转码器,主要用于ES2015+ 代码转换为 JavaScript 向后兼容版本的代码 eslint是一个代码检测工具。用来规范编码规范用。 自定义可选的插件有,Babel,TypeScript,Progressive Web App (P

    2024年02月13日
    浏览(54)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包