Skip to main content

模块开发-react 组件

目标：

  • 学会基于远程 react 组件模板项目快发开发一个新的 react 组件，供 hel-micro 或 hel-micro-react 消费。

  • 学会将现有 react 项目改造可供 hel-micro 或 hel-micro-react 消费的模块

codesandbox 使用示例：https://codesandbox.io/s/demo-load-remote-react-comp-2bnpl0

开发远程 react 组件​

克隆模板库​

克隆远程 react 组件模板项目为rrc-xxx（名字请按实际需要修改，此处仅做示例）

npx degit https://github.com/hel-eco/hel-tpl-remote-react-comp-ts rrc-xxx
// js 可克隆
npx degit https://github.com/hel-eco/hel-tpl-remote-react-comp rrc-xxx

改 package.json​

将name和appGroupName改为 hel 模块组名

  "name": " rrc-xxx",
  "appGroupName": " rrc-xxx",

改 subApp​

src/configs/subApp.ts改为你 hel 模块组名，以便让构建元数据时能够校验通过

export const LIB_NAME = 'rrc-xxx';

开发组件​

在src/components目录下新增组件，并src/components/index文件里导出即可

发布组件​

跳转到模块发布查看

其余文档正在拼命建设中，有疑问可联系 fantasticsoul 或提 issue ....