当一定的技术沉淀，不再想做流水线的工作，看了很多文章和源码之后，终于打算搭建一个属于自己的组件库了，该文章从0到1搭建，本文用于记录和分享一下自己搭建和踩坑的一些过程

本文使用dumi2详细的搭建React组件库和函数库，编写单元测试，部署文档站点和发布npm包，以及搭建过程中遇到的问题和解决方案。

一个系统拥有大量的业务场景和业务代码,相似的页面和代码层出不穷,如何管理和抽象这些相似的代码和模块,这肯定是诸多团队都会遇到的问题。是不断拷贝代码还是抽象成 UI 组件或业务组件?显然后者更高效。

组件库的封装，是一个前端开发的日常工作之一，本文介绍了从零开始，用Webpack打包一个组件库的过程。

在参考过一些资料和开源的UI组件库后，写下了这篇文章，希望能给大家一些帮助。 本次开发没有基于Vue CLI来搭建开发环境，而是基于我上次webpack4自己搭建的环境来构建的环境，虽然官方CLI也可以，而且也有自己的库模式来发布组件库。但是为了能够更多的有自己自定义的选项，还…

Vue是⼀套⽤于构建⽤户界⾯的渐进式框架,⽬前有越来越多的开发者在学习和使⽤。⽽组件库能帮我们节省开发精⼒，⽆需所有东⻄都从头开始去做，通过⼀个个⼩组件拼接起来，就得到了我们想要的最终⻚⾯。

本次记录的是布局组件Box和Combine。Box利用css3的flex特性，并对其进行封装，避免了用户重复设置css；Combine是一个组合组件，用于快速组合显示表单元素。

这是我在掘金的第一个专栏，记录一下我在实际项目中搭建UI组件库的过程，以便于以后查询，同时也提供一种基于React创建前端UI库的思路......

本文将指引你如何从 0 到 1 搭建自己的 UI 组件库，react组件库，UI库。本文用到dumi创建组件库，father-build构建项目，并指引你如何发布到npm，欢迎一起探讨~