1. 背景 目前我所在业务组是负责后台管理系统，但是对于使用的组件并没有引入第三方库，全有开发人员自己编写。但是对于Common Project还是处于拷贝的方式。然后萌生了对公共组件库进行管理的想法。这个方式有什么好处呢？ 能够沉淀组内组件，避免重复造轮子的缺陷。 统一维护组…

在前面的部分，我们使用 React 等相关技术构建了库并对其进行了测试。现在，我们准备对前面的代码进行打包，并将其发布至 NPM，方便其他人使用。 组件库开发到了这里，终于也到了最重要的部分，解决（文档 + 打包）的问题。 在尝试了一些打包库（比如create-react-li…

在第一部分，我们基于 create-react-app 构建了项目的基础结构。对于一个组件库来说，不仅要有简单，实用的组件，每一个组件的质量也是至关重要。而单元测试，正是提升软件质量的一种有效的手段。在本文中，不仅会在之前的项目中完成单元测试的配置，还会带着大家一起走进单元测试…

这是一篇干货比较多的组件库搭建实战教程，不仅有通用的代码规范、提交规范、文档维护、单元测试、GitHub Action 配置的讲解，还涉及基于 lerna 的多包管理架构...

最近接到一个需求，针对公司的组件库开发一个文档。刚开始接到这个需求的时候一头雾水。但仔细分析会发现，一个ui库主要有三部分组成： 但是这样的组件库要怎么开发呢，难道针对“使用文档”和“示例”还要单独开发一个项目。当然这种做法是不可取的，不然我们每次增加一个新的组件都要到“使用文…

1. 业务痛点（背景） 现代化前端开发，项目复杂度和工作量都较大。为了便于分工，项目不同的页面、页面里不同的部分都拆分为多文件来实现。 2. 组件化目标 复用：组件可以被复用在多个地方，每个被复用的地方都是独立的实例，互相不会彼此影响。开发人员通过复用，可以少做无用功，大大提高…

目前团队内已经有较为成熟的 Vue 技术栈的 NutUI 组件库[1] 和 React 技术栈的 yep-react 组件库[2]。然而这些组件库大都从零开始搭建，包括 Webpack 的繁杂配置，Markdown 文件转 Vue 文件功能的开发，单元测试功能的开发、按需加载的…

在了解 Element 源码架构 的基础上，接下来我们基于 element-ui 为团队打造自己的组件库

很多同学都希望能够拥有自己的一个文档系统，去记录/总结自己所学到的知识。 index.html 入口文件。后面我们的配置很多都是在这里配置 通过运行 docsify serve 启动一个本地服务器，可以方便地实时预览效果。默认访问地址 http://localhost:3000…