Dumi从0到1搭建属于自己的组件库

项目地址在末尾

初始化组件库

Dumi（官网）

使用dumi可以在开发组件库的同时，生成文档和demo

1. 创建一个目录

mkdir test_demo
cd test_demo

2. 使用dumi脚手架创建组件库

npx @umijs/create-dumi-lib --site

3. 安装依赖，运行展示

npm install   #yarn
npm start     #yarn start

运行后

设计组件

在组件设计时，具体参考dumi官方文档
index.md
对应侧边栏的目录、组件代码块等
index.test.tsx
单元测试使用
index.tsx
组件

打包发布

发布前需要有npm的账号（如何注册）

打包
npm run build

发布
未登录

npm login

已登录

npm publish

遇到报错

删除package.json的private

使用

npm i test_demo_maomao

显示效果

项目地址

组件demo：https://gitee.com/maomaonb/components_demo.git
使用项目：https://gitee.com/maomaonb/components_demo.git