当开发的项目中有一些公共组件可以沉淀的时候，将这些组件抽离出来，开发一个组件库无疑是一个好的选择。 那么怎么去开发一个组件库呢？本文将和你一起从零开发一个 React 组件库。

工程化的核心并非工具，而是以工具为实现媒介进行规范工作流程。文章中实现的是组件库项目文件组织结构的规范，TypeScript 编译和类型检测流程的规范，还有工具链的统一。

自己做组件库并不是为了炫技，开源的组件库已经非常多了，重复造轮子的意义不大。但是这个从0到1的过程，不仅让自己学到了很多东西，而且也是热爱自己这一行的一种表现。

为了让读者们沉浸式体验组件库开发，我将会手把手带着读者们搭建起一个组件库的 monorepo 开发环境。

前提基础：vite + pnpm(workspace) + vue3 + ts + scss + element-plus 组件库整体设计分为三块： svg 图标库 vue 组件库 图标组件的测试项目

本文将带你一步一步搭建一个 lerna + yarn + rollup 组成的 monorepo 脚手架，通俗易懂，老少咸宜

本篇来讲讲组件库的搭建，主要了解 Monorepo以及Monorepo 的 release 工作流，体验组件0-1的搭建过程

开发组件的过程中，我们需要对开发的组件进行测试。但是仅仅在 开发环境 / 文档环境 中进行测试，并不能完全覆盖我们在业务开发中的使用场景。因此，我们就需要对 build 后的产物进行测试。 这里总结了 3 种方案，聊聊各自的特点。 这种方案就是我们的日常使用最直接的场景，但是缺…

使用 react + ant-design 或 vue + element-ui 等框架中最省事的动态主题的实现方案