本文涉及到的知识点：npm 包的原理以及 npm install 的原理，接着是 .vue 文件的编译原理，rollup 的使用，ESM、CommonJS、UMD 等模块规范，只有熟悉这些才能打好包

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

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

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

最新闲来无事，把近半年写的一些 UI 组件优化了一下。然后就来了兴趣，又写了一个使用说明文档，还研究了一下 gulp 和 rollup 的打包方式，最终实现了可按需加载的 UI 组件库。库已经丢到 n

前言 前面篇章我们已经完成了开源组件库编码，接下来需要做的是打包发布到 NPM 上。编译打包 组件库需要做 2 种打包方式：全量打包、单组件打包，以提供给第三方调用者灵活选择。

组件在前端开发中越来越重要了，开发者更细分、聚焦于组件层面的开发，然后像搭积木一样完成应用功能。组件库可以统一管理组件，输出文档，能提升组件复用性、避免重复造轮子。赶快搭建自己的组件库吧，这瓜保甜！

从0到1搭建自己的组件库，像ElementPlus一样有ts报错提示，并学会依赖注入，按需引入等，内增GitHub地址加速成长