优维低代码：Lazy Bricks

导语

优维低代码技术专栏，是一个全新的、技术为主的专栏，由优维技术委员会成员执笔，基于优维7年低代码技术研发及运维成果，主要介绍低代码相关的技术原理及架构逻辑，目的是给广大运维人提供一个技术交流与学习的平台。

连载第四十期

《高级指引：Lazy Bricks》

▽

在过去，一个构件包内的所有构件代码会打包输出到在同一个 JS 文件内，这可能导致页面渲染时会请求很多并不会用到的构件代码。另一方面，如果无限制地按单个构件拆分制品文件，则可能造成页面请求数爆发，这在 http 2.0 普及之前不可行，另外也可能造成构件之间的公共代码部分出现重复。

因此我们提供了 Lazy Bricks 的机制，开发者可以主动将指定的构件声明为 lazy bricks，这些构件在打包时将脱离该构件包的主文件，只在明确用到时才加载。同时，开发者可以将多个构件合并为一组，按组加载，以减少制品文件过于碎片化、以及公共代码重复的问题。

使用方式：在相关构件包的 src 目录下新增一个文件 lazy-bricks.yaml：

lazyBricks:# 注意：不要带构件包名称的前缀- "builder-container"- "event-config-form"# 也可以将多个构件合并为一组- group: "function-debugger"bricks:- "function-debugger-sidebar"- "function-debugger-toolbar"- "function-debugger-store"- "function-debugger-statusbar"

然后重新打包该构件包即可。

⊙ NOTE

提示：尝试使用 source-map-explorer 来分析构件包打出来的 JS 文件的代码分布，并结合业务使用情况来配置 lazy bricks。

# 高级

上述配置包含一个隐含条件：相关构件的入口文件就在 src 目录下以构件名称命名的文件（或目录下的 index 文件）。如果不是，那么需要额外声明 entry 信息：

lazyBricks:- brick: "provider-get-statistics"# `entry` 为该构件入口文件相对于 `src` 目录的相对路径，可以不填写后缀的 `.ts` 或 `/index.ts`。# 即：该构件需要能通过该方式引用：`import "./src/${entry}"`entry: "data-providers/GetStatistics"# 注意：对分组的构件同样适用

优维低代码：Lazy Bricks相关推荐

优维低代码：Pipes 管道
导语优维低代码技术专栏,是一个全新的.技术为主的专栏,由优维技术委员会成员执笔,基于优维7年低代码技术研发及运维成果,主要介绍低代码相关的技术原理及架构逻辑,目的是给广大运维人提供一个技术交流与学习 ...
优维低代码：第三方接口接入
优维低代码技术专栏,是一个全新的.技术为主的专栏,由优维技术委员会成员执笔,基于优维7年低代码技术研发及运维成果,主要介绍低代码相关的技术原理及架构逻辑,目的是给广大运维人提供一个技术交流与学习的平台 ...
优维低代码：解析构件开发 Step by Step
低代码是优维科技长期深耕的技术板块,在漫长的创业周期中,我们通过不断实践积累和迭代优化,沉淀出EasyMABuilder前端低代码平台,迄今已成功赋能大量优质用户,为多个行业带来前所未有的轻盈体验. ...
运维开发团队技能与效率提速利器：运维+低代码
10月,由嘉为科技携手腾讯蓝鲸智云联合主办的智慧生长·研运未来暨2021年研运治理实践大会在北京成功召开. 在20日下午进行的智能化运维分论坛上,来自嘉为蓝鲸的研发总经理周宗沛同与会嘉宾探讨了低代码与 ...
优维科技低代码开发平台在券商系统的落地实践
2022年GOPS全球运维大会·深圳站于8月19日-20日在深圳宝安机场凯悦酒店隆重召开,本次大会吸引了来自全国各地1000余名运维同仁到场学习.大会分场繁多,大师们不吝分享,场面火爆,覆盖运维工作的 ...
ABF平台设计（三）-优酷中后台低代码开发方案
背景我们团队绝大多数工作都是在开发各种中后台应用,也一直在探索如何提升中后台应用开发的效率.为此我们建设了ABF平台,能在ABF平台上一站式完成应用创建.权限控制.开发.部署等,这篇文章将介绍ABF ...
国内外低代码开发平台优劣势一览
随着数字化转型的推进,低代码开发平台正变得越来越受欢迎.在国内外市场上,已经出现了许多低代码开发平台.目前国内主流的低代码开发平台有:宜搭.简道云.明道云.云程.氚云.用友 YonBuilder.道一 ...
图像识别算法超低代码开发方案
三次登陆Github Daily全球趋势榜,2.1k 星标,图像分类.目标检测.语义分割.实例分割等视觉任务全覆盖,更重要的是简单!简单!简单!不需要数学基础,不需要是编程大牛,只要下载就可以快速开发 ...
技术揭秘！百度搜索中台低代码的探索与实践
导读:据Gartner调研,应用开发需求的市场增长至少超过IT交付能力的5倍,预计到2025年,70%的新应用开发将使用低代码技术.我们需要在需求迭代越来越高频.创新能力要求越来越高的背景下,探索如何 ...
低代码、无代码？深度解读硅谷新趋势
今天我们来深入聊聊"低代码.无代码"(Low code, No code). 年初,钉钉公布自己的进化方向:"低代码.无代码工具".大洋彼岸,Low code, ...

优维低代码：Lazy Bricks

优维低代码：Lazy Bricks相关推荐

最新文章

热门文章