majiayu000 Vite Dependency Version Check
检查 Vite 项目的依赖版本状态，提供升级建议和兼容性提示。
检查流程
- 读取 package.json - 获取当前依赖列表
- 查询最新版本 - 使用 npm outdated 或 npm-check-updates
- 分析更新类型 - 标记 major/minor/patch
- 兼容性检查 - Vite 生态特殊依赖提示
- 生成报告 - 输出结构化结果和升级命令
快速检查命令
# 查看过时依赖
npm outdated
# 详细 JSON 格式
npm outdated --json
# 使用 ncu 检查（更详细）
npx npm-check-updates
更新类型说明
| 类型 | 示例 | 风险 | 说明 |
|---|---|---|---|
| 🔴 Major | 4.x → 5.x | 高 | 可能有breaking changes |
| 🟡 Minor | 4.1→ 4.2 | 中 | 新功能，通常兼容 |
| 🟢 Patch | 4.1.0 → 4.1.1 | 低 | Bug 修复 |
Vite 生态核心依赖
| 依赖 | 说明 | 注意事项 |
|---|---|---|
| vite | 构建工具核心 | 大版本升级需检查插件兼容性 |
| @vitejs/plugin-vue | Vue 插件 | 需匹配 Vue 版本 |
| @vitejs/plugin-react | React 插件 | 需匹配 React 版本 |
| vite-plugin-* | 社区插件 | 检查是否支持当前 Vite 版本 |
检查脚本
#!/bin/bash
# 完整依赖检查
echo "=== 当前依赖版本 ==="
cat package.json | grep -A 100 '"dependencies"' | head -50
echo ""
echo "=== 过时依赖检查 ==="
npm outdated
echo ""
echo "=== 安全漏洞检查 ==="
npm audit --summary
输出格式
## 依赖版本检查报告
### 📊 概览
- 总依赖数：X
- 需更新：Y
- 安全问题：Z
### 🔴 Major更新（需谨慎）
| 包名 | 当前版本 | 最新版本 | 说明 |
|------|----------|----------|------|
| vite | 4.5.0 | 5.2.0 | [查看迁移指南] |
### 🟡 Minor 更新（建议更新）
| 包名 | 当前版本 | 最新版本 |
|------|----------|----------|
| vue | 3.3.0 | 3.4.0 |
### 🟢 Patch 更新（安全更新）
| 包名 | 当前版本 | 最新版本 |
|------|----------|----------|
| axios | 1.6.0 | 1.6.2 |
### 📦 升级命令
# 安全更新（仅 patch）
npm update
# 更新指定包
npm install vite@latest
兼容性提示
Vite 5.x 要求
- Node.js >= 18
- 部分插件需更新到兼容版本
常见兼容问题
@vitejs/plugin-vue需要vue >= 3.2.25@vitejs/plugin-react需要react >= 17vite-plugin-pwa不同版本对应不同 Vite 版本
最佳实践
- 先更新 patch - 风险最低
- 测试后再更新 minor - 运行测试确认
- major 单独处理 - 阅读迁移指南，逐个升级
- 锁定版本 - 生产环境使用 package-lock.json
- 定期检查 - 建议每月检查一次