低代码设计

低代码设计（案例）

• 如何建设组件库
• 实现组件之间的共享
• 该怎么利用组件库渲染页面

如何建设组件库

1. 搭建基础组件库，为避免工作量，可二次封装第三方UI库（本文二次封装Antd）
2. 搭建业务组件库：从现有项目中，抽离高复用组件（前提：不影响现有项目的运行）
3. 组件库API文档建设

实现组件之间的共享

1. 运行中的项目该如何将组件暴露出去
2. 低代码平台怎么拉取基础组件库+业务组件库

该怎么利用组件库渲染页面

1. 利用json渲染页面，实现渲染引擎
2. 根据组件库API，编写JSON格式

项目地址

1. 低代码案例
2. 已实现核心思想，具体可见源码
   

图一，编辑器

图二，渲染页面

技术点

• MF 联邦模块 (实现模块共享)
  • webpack : ModuleFederationPlugin
  • vite : @originjs/vite-plugin-federation

可参考博客：模块共享