基于dumi的组件开发初体验

        最近呢，公司业务要用到工作流，不知道谁选的技术选型，反正不是我，就是要基于bpmn.js去做开发，并且要做成公共组件，发布到公司的私有库里面，供其他项目组的同事调用。由于我说了不该说的话，所以这个任务就落在了我的头上。以前没有做过组件开发，所以一步一个坎，遇到了很多坑，在这里分享一下。

        首先，明确一下需求：

        1.组件要基于react+antd+bpmnjs去开发；

        2.组件需要发布到公司的npm仓库里，其他项目组通过依赖包形式加载，并且可以进行按需引入；

1.第一个坑（与其说坑，其实是我的无知）

        刚开始的时候不知道，直接拉了一个react框架随便配置了一下就开始做了，后来经过公司的同事指导，说组件项目的框架和业务项目的框架是不一样的，这里是重点，我们写业务，可以直接cra或者用umi之类的框架，但是组件开发，请使用dumi之类的框架进行开发，这是第一个坑；

2.我组件开发的时候，使用了antd组件库，这里不像我们平时开发，需要引入antd样式，而是需要在.umirc.ts文件里配置styles属性，styles配置参考dumi文档；

3.组件开发结束，npm start正常&#x