# Webpack 打包优化说明

## 优化内容

### 1. 自动模式切换
- 开发模式：保持源码可读性
- 生产模式：自动压缩代码

### 2. 性能优化
- **Tree Shaking**：移除未使用的代码
- **transpileOnly**：跳过类型检查，加快编译速度
- **自动清理**：每次打包自动删除旧文件

### 3. 体积监控
- 单文件超过 2MB 会发出警告
- 帮助及时发现打包体积问题

## 使用方法

### 开发模式
```bash
# 编译（不压缩）
pnpm run compile

# 监听模式（自动重新编译）
pnpm run watch
```

### 生产模式
```bash
# Windows
set NODE_ENV=production && pnpm run package

# macOS/Linux
NODE_ENV=production pnpm run package
```

## 打包结果

- **输出目录**：`dist/`
- **入口文件**：`dist/extension.js`
- **静态资源**：`dist/assets/`

## 性能对比

| 模式 | 体积 | 编译速度 | Source Map |
|------|------|----------|------------|
| 开发 | 较大 | 快 | 完整 |
| 生产 | 小 | 较慢 | 隐藏 |

## 注意事项

1. 开发时使用 `pnpm run watch`，修改代码自动重新编译
2. 发布前必须使用生产模式打包
3. 如果打包体积超过 2MB，检查是否引入了不必要的依赖