从业务中抽离独立 npm 包，讲述如何设计组件通信方案、数据管理、目录规范方案，优化包的性能，使用 Vite 工具打包发布npm管理

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

前言 去年我们平台为客户提供了一套企业级前端组件方案，收集了一下客户的需求，同时也做了一部分调研工作，由于我们是为金融机构服务的，所以也发现了同业中广发所做的GFDesign也是这样的思路，大家可以看

超越站内九成建设组件库的文章，真正从零到一实现企业级前端组建库建设，历时一周总结完善，项目技术栈 vite3、vitepress、vitest、vue3、tsx

本篇文章就围绕这些工程化工具为大家做一次入门引领，从 0 到 1 搭建一个开源项目，从整体的视角来看待这些工具，从而更好地掌握工具，而不是排斥工具、害怕工具。

这是一个专门讲解 前端库 开发的内容，如果你想要开发一个属于自己的库，或者想要了解库开发的技术，那么这本书肯定可以帮助到你。

前阵子一直和组里的小伙伴共同“造轮子”，开发并维护了一套 PC 端 React UI 组件库，经过了一段时间的折腾，组件库从之前的 0.x、1.x 再到最近发布的 2.0.beta 的一个过程，这其中很多东西值得拿出来分享和讨论，有好的有失败的，今天就把组件库开发过程中的 DE…

Storybook 是当前最流行的 UI 组件开发环境，主要功能就是提供组件独立运行环境，方便编写组件使用样例，每个样例称之为一个 “story”。有了它，就可以方便的在项目中提取通用组件，管理自己的组件库。 并且，它还可以通过丰富的插件实现可交互测试，响应式布局，文档生成、设…

本篇文章我会教大家如何从零开始搭建一个属于自己的 React UI 组件库，该方案使用storybook作为UI文档工具，并使用rollup进行打包，支持less及Typescript。