UpgradeLens - 前端项目依赖版本兼容性检测工具

UpgradeLens - 前端项目依赖版本兼容性检测工具

项目简介

UpgradeLens 是一个专为前端项目设计的依赖版本兼容性检测工具。它可以帮助开发者在升级项目依赖或初始搭建项目时,提前发现不兼容的依赖版本并提供匹配的版本建议,从而避免因依赖版本不兼容导致的项目问题。

主要功能

  • 分析项目的依赖关系和版本信息
  • 检测依赖之间的兼容性问题
  • 提供依赖升级的兼容性分析
  • 推荐兼容的依赖版本组合
  • 生成详细的兼容性报告
  • 支持交互式分析模式

系统要求

  • Node.js >= 14.16.0
  • 使用ESM模块系统
  • 注意:本项目使用ES模块,处理JSON文件时采用fs模块读取而非直接导入

安装

bash 复制代码
# 全局安装
npm install -g upgrade-lens

# 或者本地安装
npm install upgrade-lens --save-dev

使用方法

基本用法

bash 复制代码
# 分析当前目录的项目
upgrade-lens

# 分析指定路径的项目
upgrade-lens --path /path/to/your/project

命令行选项

less 复制代码
Options:
  -p, --path <path>     指定项目路径 (默认: 当前目录)
  -d, --deep            深度分析依赖关系
  -i, --interactive     交互式分析模式
  -o, --output <file>   输出报告到文件
  -h, --help            显示帮助信息
  -V, --version         显示版本号

示例

bash 复制代码
# 交互式分析模式
upgrade-lens -i

# 生成报告文件
upgrade-lens -o report.md

# 深度分析并生成报告
upgrade-lens -d -o report.md

报告示例

分析完成后,UpgradeLens 会生成类似下面的报告:

markdown 复制代码
📊 依赖兼容性分析报告
====================

✅ 兼容的依赖对: 10
  • react@17.0.2 和 react-dom@17.0.2
  • react@17.0.2 和 react-router@5.2.0
  ...

❌ 不兼容的依赖对: 2
  • react@17.0.2 和 react-router@6.0.0
    原因: react-router 6.0.0 需要 react@>=16.8,但当前版本是 17.0.2
    推荐版本:
      - react: 17.0.2
      - react-router: 5.3.0
  ...

🔄 依赖升级分析
==============

✅ 可以安全升级的依赖: 5
  • axios: 0.21.1 → 0.24.0
  • lodash: 4.17.20 → 4.17.21
  ...

⚠️ 升级可能导致问题的依赖: 2
  • react-router: 5.2.0 → 6.0.0
    可能的问题:
      - 与 react-router-dom 不兼容: react-router 6.0.0 需要 react-router-dom 6.0.0
  ...

💡 版本兼容性建议
==============

react-router 的推荐版本:
  • 版本 5.3.0 兼容: react, react-router-dom
相关推荐
林恒smileZAZ1 天前
Vue<前端页面版本检测>
前端·javascript·vue.js
码事漫谈1 天前
当AI开始“思考”:我们是否真的准备好了?
前端·后端
许杰小刀1 天前
ctfshow-web文件包含(web78-web86)
android·前端·android studio
我是Superman丶1 天前
Element UI 表格某行突出悬浮效果
前端·javascript·vue.js
恋猫de小郭1 天前
你的代理归我了:AI 大模型恶意中间人攻击,钱包都被转走了
前端·人工智能·ai编程
xiaokuangren_1 天前
前端css颜色
前端·css
hoiii1871 天前
C# 基于 LumiSoft 实现 SIP 客户端方案
前端·c#
anOnion1 天前
构建无障碍组件之Meter Pattern
前端·html·交互设计
小码哥_常1 天前
Spring Boot配置diff:解锁配置管理新姿势
前端
小码哥_常1 天前
告别onActivityResult!Android数据回传的3大痛点与终极解决方案
前端