Vue3 组件库实践

接下来看如何发布组件库和管理更新日志；根据官网的介绍 changesets 是用于管理版本及变更日志的工具，专注多包管理。

在我们使用开源组件库的时候，比如 Element Plus 在 VSCode 或 WebStorm 中输入 <el- 的时候会提示全部的组件，当在组件上输入 : 的时候会提示组件的属性，那么这是怎么做

在上篇中完成了多种模块标准的产物和组件声明文件并对模块做了测试。在我们列举的产物列表中还剩下样式相关的任务未处理，这篇我们来打包样式代码并实现样式的按需引入。

打包复杂吗? 说也简单如果使用 vite 只需指定 lib 即可完成，说也麻烦一个开源的组件库需要处理诸多细节：多种格式、按需加载、开发体验等等。接下来我们就来看看打包一个开源组件库至少都需要做什么。

现在我们已经完整的开发一个组件了，如果我们再开发一个组件还要从头一个个的创建文件，那么有没有简便的方案呢？当然有我们开发一个生成脚本，一行命令创建一个组件。

简单解释一下单元测试：就是对函数的输入输出进行测试，判断我们输入的用例的结果和我们实际输入的结果是否相同。平常工作中就会写一些测试可能不是系统性的，比如测试一个函数的返回值是否正确。

在开发之前明确我们的开发组件的定位是什么？为了满足什么场景？从零开发所有的组件？基于某一个组件库的扩展和补充？从零开发所有的组件基本上很少。

这篇我们来搭建一个文档系统，文档系统有很多选择比如 storybook、vuepress、vitepress 或者自建文档。这里选择基于 vuepress 搭建。

所谓可共享就是把我们常用的配置提取成一个单独的包利用配置继承的特性可以在不同的项目中使用。就算我们不单独发布包也可以拆分出来，便于管理结构和依赖。

前言 一开始我们项目中的通用组件是放在项目中的，基于开源组件库的扩展，补充些组件和功能。但随着项目的拆分组件也需要公用，就把组件提取成了一个 GIT 子模块来达到通用。也随着新开项目的工具链的升级不能