# monorepo-test

**Repository Path**: dengxiaogui/monorepo-test

## Basic Information

- **Project Name**: monorepo-test
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-30
- **Last Updated**: 2025-12-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Monorepo 项目示例

这是一个使用 pnpm 搭建的 Monorepo 项目，包含 Vue3 组件库、工具函数库和 Vue3 Web 应用。

## 项目结构

```
.
├── apps                    # 应用目录
│   └── web-vue            # Vue3 Web 应用
├── packages               # 组件库和工具库
│   ├── ui                 # Vue3 组件库
│   └── utils              # 工具函数库
├── scripts                # 构建脚本
└── package.json           # 根目录 package.json
```

## 技术栈

- 包管理: pnpm
- 构建工具: Vite (应用) + Rollup (组件库和工具库)
- 前端框架: Vue 3
- UI 组件库: Element Plus (按需引入)
- 语言: TypeScript
- 代码规范: ESLint + Prettier

## 快速开始

### 安装依赖

```bash
pnpm install
```

### 开发

```bash
# 启动开发服务器
pnpm dev

# 构建所有包
pnpm build

# 构建 Web 应用
pnpm build:web
```

### 代码检查

```bash
# 运行 ESLint 检查
pnpm lint

# 运行 ESLint 并自动修复
pnpm lint:fix

# 运行 Prettier 格式化
pnpm prettier
```

## 包说明

### @monorepo/ui

Vue3 组件库，包含可复用的 UI 组件。

### @monorepo/utils

通用工具函数库，包含常用的工具函数。

### @monorepo/web-vue

基于 Vue3 的 Web 应用，使用了上述两个包以及 Element Plus。

## 构建配置

- 使用 Rollup 对 `ui` 组件库和 `utils` 工具库进行打包
- 支持 ES Modules 和 CommonJS 两种格式
- 集成 TypeScript 类型声明文件生成
- 使用 Terser 进行代码压缩

## Element Plus 按需引入

通过 `unplugin-vue-components` 和 `unplugin-auto-import` 实现 Element Plus 组件和 API 的按需自动引入。