千呼万唤始出来干货满满的组件库打包分享！这次，我终于要给大家带来关于组件库的工程化打包升级与细节的文章啦。回顾组件库的搭建，已经是很久以前了，目前组件库也发展到一个瓶颈期需要升级架构和打包了...

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

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

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

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

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

`Varlet`是一个基于 `Vue3` 开发的 `Material` 风格的移动端组件库，本系列的文章会全面解析这个项目，包括组件库整体的设计，以按需引入、主题定制、屏幕适配、组件打包等话题。

本文会从零开始配置一个monorepo类型的组件库，包括规范化配置、打包配置、组件库文档配置及开发一些提升效率的脚本等，monorepo 不熟悉的话这里一句话介绍一下，就是在一个git仓库里包含多个独立发布的模块/包。 首先每个组件都是一个独立的npm包，但是某个组件可能又依赖…

读完本文，你可以了解到如何将Vue3组件库打包成esm、esm-bundle、commonjs、umd四种格式。