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
  • [email protected][email protected][email protected][email protected]
  ...

❌ 不兼容的依赖对: 2
  • [email protected][email protected]
    原因: 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
相关推荐
前端小白从0开始2 分钟前
前端基础知识CSS系列 - 04(隐藏页面元素的方式和区别)
前端·css
想不到耶3 分钟前
Vue3轮播图组件,当前轮播区域有当前图和左右两边图,两边图各显示一半,支持点击跳转和手动滑动切换
开发语言·前端·javascript
萌萌哒草头将军1 小时前
🚀🚀🚀尤雨溪:Vite 和 JavaScript 工具的未来
前端·vue.js·vuex
Fly-ping1 小时前
【前端】cookie和web stroage(localStorage,sessionStorage)的使用方法及区别
前端
我家媳妇儿萌哒哒2 小时前
el-upload 点击上传按钮前先判断条件满足再弹选择文件框
前端·javascript·vue.js
天天向上10242 小时前
el-tree按照用户勾选的顺序记录节点
前端·javascript·vue.js
sha虫剂2 小时前
如何用div手写一个富文本编辑器(contenteditable=“true“)
前端·vue.js·typescript
咔咔库奇2 小时前
深入探索 Vue 3 Fragments:从原理到实战的全方位指南
前端·javascript·vue.js
要加油哦~2 小时前
vue | vue 插件化机制,全局注册 和 局部注册
前端·javascript·vue.js