1 前言
大家好，我是心锁，一枚23届准毕业生。
近期我正在尝试完成所谓的「拐角轮播」，目前稍有收获（虽然拐角部分完成的并不是很好）
在完成之后，本来是打算写一下「CornerSwiper」的实现思路的，但是后来在打包组件库时却屡屡翻车，最终怒火之下我决定先把我在打包与发布React组件库时踩的所有坑进行一个总结，并尝试输出一份能让读者在十分钟内完成react组件库构建与发布的实践指南。
2 技术方案
经过调研，发现一件严肃的事情，即国内的组件库构建实战分别两个特点，要么是特别详细但是需要大量配置，要么特别容易上手但是巨多坑，所以经过不断进行技术方案的调研，最终选用了如下的技术方案进行组件库搭建。
- dumi - 负责组件开发及组件文档生成，基于umi框架
- father 2.x - 负责组件库的构建，即打包的过程
- tailwindcss 3.x - 负责提供原子类，优化开发体验
- ts less - 组件库经典方案
- github-pages发布组件库文档
同时，相关demo已以分支的形式放在了github上，可以拉下来尝试https://github.com/GrinZero/magic-design-react/tree/demo
2.1 核心方案对比
2.1.1 dumi对比storybook
经过笔者实践，得出一份在React组件库构建时的对比
对比 | dumi | storybook |
|---|---|---|
国内教程 | 多
|
