目标是导出:
- React 组件(可以在 React 项目中使用)
- 一个渲染函数,api 可能类似于
renderMatrixComponent(componentName, dom)
,可以直接将我们定义好的组件渲染到指定的 dom(可在各种项目中使用)
先创建三个项目:
react-lib
库。用于导出 组件 和 渲染函数react-demo
用于使用react-lib
导出的 React 组件 和 渲染函数vue-demo
用于使用react-lib
导出的渲染函数
- 进入
react-lib
pnpm run build
生成类型声明和库文件pnpm link --global
等下可以直接在别的项目中用
pnpm link --global react-lib
在当前项目中引入import { MatrixComponent, renderMatrixComponent } from "react-lib";