介绍 学习本篇文章会带领大家使用Vite库模式来打包一个Vue组件。 首先先介绍下Vite这款工具：它是一款前端构建工具。可帮助前端开发人员提供高效开发体验的开发工具，也基于Rollup提供打包功能的

npm install可以将npmjs平台上的模块包安装到本地，但如果想要调试模块包的功能，需要把源码down下来，修改后再发布，频繁修改版本，非常麻烦。 所以，想本地调试模块包，使用npm link

本文主要讲述如何搭建自动化流程的本地组件库开发调试，文中涉及到的三方/二方组件库、组件、本地依赖、依赖、开源库、component 和 library 等词汇在此均指同一概念，即抽象出来的通用组件。

之前介绍了基本的npm发包步骤，发布了工具函数，也就是纯 JS 文件，现在尝试用vite发布自定义组件

本文包含了使用vue3+vite方式构建的组件的编写，打包和发布全流程。组件文档使用的是vitepress构建

如果觉得文章“太长不看”，可以直接使用开发工具：vue-sfc-cli，集成 travis ci，快速发布 npm。 做好以上三点，才可以通过npm publish简单地发布一个包。若要遵循最佳实践，还有一些准备工作要做好，下面将为你讲述 version是语义化的，major.…