基于vite + pnpm monorepo的vue组件库

项目结构

这里主要记录项目架构中各个模块的联系。 考虑问题：

1. 组件开发环境
   • play 包
2. 组件库文档
   • docs 包
3. 组件库
   • packages/components 包。 ps: 每个组件单独一个文件夹
   • packages/utils 包。 ps: 工具函数

├── docs
│   ├── 组件库文档
├── packages
│   ├── components
│   │   ├── Button
│   │   │   ├── index.js 组件入口文件
│   │   │   ├── src/ 组件源码
│   ├── ceel-ui
│   │   ├── components.ts
│   │   ├── index.js  入口文件
│   │   ├── vite.config.ts
│   ├── utils
│   │   ├── index.js
├── play
│   ├── 组件库开发环境
├── .gitignore
├── pnpm-lock.yaml
├── pnpm-workspace.yaml
├── package.json
├── README.md

组件库文档书写

• 使用vitepress

直接在docs目录下书写markdown文件即可，vitepress会自动解析。 如果要在文档中添加组件，直接在markdown文件中引入组件即可。 例如：

#  按钮

:::preview
demo-preview=../packages/components/button/src/button.vue
:::