dumi搭建react组件库

dumi官网搭建react组件库根据官网命令我们搭建组件库mkdirvultures-react&&cdvultures-reactnpx@umijs/create-dumi-libnpminstallnpm开始安装依赖目前的组件库和非常成熟，我们可以按照已有的组件库，比如antd,echarts二次打包成工作中使用的业务组件//antd基础组件npminstallantd-S//拖拽组件库npminstallreact-beautiful-dnd--save根据自己的需要安装依赖的组件库构建第一个组件修改目录下的Foo文件//@FilePath:/vultures-react/src/Foo/index.tsximport*asReactfrom'react';import{Button}from'antd';constFoo=()=>{return(Buildthefirstbutton)}exportdefaultFoo文档中说明我们写的第一个组件必须导出,否则边component库会报错import*asReactfrom'react'import{Foo}from'../index'constDemo=()=>{return}exportdefaultDemoViewcomponenthttp://localhost:8000/foo可以看到地址中我们写的第一个组件，是不是有问题？我们导入的antd组件库，如何显示为普通的按钮标签，我们一起排查这个错误。打开控制台查看antd的clas是否添加了类样式。貌似可能是打包后的css文件加载不出来，去官网查看。需要引入css样式，在最上面添加import'antd/dist/antd.css'即可