vue3+vite+web component 简单实现 vue 的组件库

一、组件区分

1. 在components文件夹中区分每个需要的组件
2. 用 vue 文件使用的时候，尽量使用.ce.vue的文件后缀（自动生成 webcomponent 的形式，生成shadow dom，可以隔离 css 样式）
3. 创建index.js文件，集合所有的组件，目的全局使用。

二、vite 的打包

1. 建议还是使用rollupOptions来配置打包，本项目使用build.lib来实现。
2. 读取compoenents文件下的组件，获取组件根目录的index.js文件，目的后续打包可以按组件来引入。

package.json 文件的配置

1. main module exports字段还是需要配置的
2. 重点配置exports："."全局文件 ,"./*"单一组件导出

npm 发布

1. 注册并登陆 npm login
2. 发布打包文件、package.json 等文件即可