react+dumi+typescript搭建个人组件库Concis

react+dumi+typescript搭建个人组件库Concis

 dumi为我们创建个人组件库提供了很好的平台，开箱即用，可以把专注度放在组件业务部分的编写上。

搭建步骤：

1.创建文件夹并初始化脚手架

mkdir my-app
cd my-app
$ npx @umijs/create-dumi-lib        # 初始化一个文档模式的组件库开发脚手架
# or
$ yarn create @umijs/dumi-lib

$ npx @umijs/create-dumi-lib --site # 初始化一个站点模式的组件库开发脚手架
# or
$ yarn create @umijs/dumi-lib --site

2.安装项目依赖并运行

yarn add -d dumi
npm start

如图为博主个人修改好的组件库主页，进入组件库文档页面也可以根据脚手架内部的配置文件route.ts、tsconfig.json、umirc.ts来配置文档的目录、菜单，具体可以参照官网配置。