vue项目中使用depcheck检查缺失的依赖项目

news/2024/11/24 20:26:00/

使用depcheck检查缺失的项目依赖

由来:今天在做地铁的时候,刷短视频发现一个非常好用的东西,分享一下

它可以帮助我们找出问题,在 package.json 中,每个依赖包如何被使用、哪些依赖包没有用处、哪些依赖包缺失。它是解决前端项目中依赖包清理问题的一个常用工具。

我们以前只知道装了哪些包,却不知道有些包用没用到或者哪些依赖包缺失了不知道怎么办,现在depcheck就知道了

1.首先在项目中全局安装一下

npm install -g depcheck

depcheck

2.然后在你项目的根目录下执行以下命令:

depcheck

depcheck
就会出来这些东西,分别给你们解释下各自是干嘛的
Unused dependencies:未使用的依赖关系,这个是你在项目中没有用到的包,删除的时候记得全局搜索下,有的包是真的没用到,有的包你用了,但是在项目中注释掉,暂时先不用,不然后面也是一个大坑。
Unused devDependencies:未使用的依赖模块,这个在你项目中的package.json里的devDependencies这个东西,是不是似曾相识
Missing dependencies:缺少,缺失的依赖关系,这个在你运行项目的时候一老警告的那些东西

3.安装缺失的依赖包

比如,我上述缺失这个iview的包,我就安装安装下

npm i c-design --save

4.删除未使用的依赖包

 npm uninstall iview-area qrcodejs2

depcheck 的基本语法看下面

其中,directory 是项目根目录(即 package.json 文件所在的目录)。如果未指定,默认为当前目录。所有参数都是可选的:

  • –ignore-bin-package=[true|false]:表示 depcheck 是否忽略包含 bin 入口的包。默认值为 false。
  • –skip-missing=[true|false]:表示 depcheck 是否跳过计算缺失的依赖项。默认值为 false。
  • –json:以 JSON 格式输出结果。当未指定时,depcheck 会以友好的格式输出。
  • –oneline:将结果作为用空格分隔的字符串输出。用于复制/粘贴很有用。
  • –ignores:一个由逗号分隔的数组,包含要忽略的包名称。它可以是 glob 表达式。例如,–ignores=“eslint,babel-*”。
  • –ignore-dirs:已过时,请改用 ignore-patterns。一个由逗号分隔的数组,包含要忽略的目录名称。例如,–ignore-dirs=dist,coverage。
  • –ignore-path:指定包含描述要忽略的文件的模式的文件的路径。文件必须符合 .gitignore 规范。例如,–ignore-path=.eslintignore。
  • –ignore-patterns:用逗号分隔的描述要忽略的文件的模式。模式必须符合 .gitignore 规范。例如,–ignore-patterns=build/Release,dist,coverage,*.log。
  • –help:显示帮助信息。
  • –parsers、–detectors 和 --specials:这些参数用于高级用途。它们提供了一种易于定制文件解析器和依赖项检测的方法。。
  • –config=[文件名]:一个外部配置文件(见下文)。
    例如,想忽略某些包或文件夹,可以在命令后面添加相应的选项:
depcheck --ignores="eslint" --ignore-dirs="dist"

官方文档地址
Github:https://github.com/depcheck/depcheck


http://www.ppmy.cn/news/101760.html

相关文章

【Netty】使用 SSL/TLS 加密 Netty 程序(二十)

文章目录 前言一、SSL/TLS概述二、Sslhandler类 前言 回顾Netty系列文章: Netty 概述(一)Netty 架构设计(二)Netty Channel 概述(三)Netty ChannelHandler(四)ChannelP…

Python绘图神器Plotly安装、使用及导出图像教程

1. Plotly安装 Plotly 是一个快速完善并崛起的交互式的、开源的绘图库库,Python 库则是它的一个重要分支。现已支持超过40种独特的图表类型,涵盖了广泛的统计、金融、地理、科学和三维用例。 Python 中可以使用 pip 或者 conda 安装 Plotly&#xff1a…

[WPA3认证][BUG]WPA3AP部分的4.8.2case测试失败分析

Log分析: 仪表log如下: 2023-02-22 14:03:09.487 - INFO - SNIFFER (192.168.250.203:9999) ---> sniffer_control_start,Program,WPA3,Filename,_SAE_482_step6,channel,44,bandwidth,20 内部测试sniffer Tag: HT Information (802.11n D1.10) Tag Number: HT Info…

音乐小白乐器选择,如何学一手才艺,推荐尤克里里

乐器难度说明 注意:这里的难度说明是音准的难度,就是能不能发出标准的声音 乐器按照演奏方式分类,分为 演奏方式乐器举例难度等级难度说明敲击木鱼,架子鼓,钢琴1敲击乐是音最准的,敲哪个地方就发什么音&…

前端数据可视化开发平台FlyFish数据源应用教程详解

介绍 飞鱼(FlyFish)是云智慧开源的一款免费的数据可视化编排平台。通过简易的方式快速创建数据模型,通过拖拉拽的形式,快速生成一套数据可视化解决方案。在飞鱼产品中可以通过直接连接 MySQL 、 Oracle 等数据库直接从数据源中获…

企业产品操作手册,真的很有必要吗?

产品操作手册是一种对于产品使用者而言非常重要的工具。它是一份向用户介绍产品使用方法和功能的文档,可以提供关于产品的详细信息,解答用户的疑问,并帮助用户快速上手使用产品。 产品操作手册的必要性: 一、提高用户使用体验 …

【SpringMVC】五、HttpMessage的四个基本常用注解

HttpMessageConverter HttpMessageConverter是报文请求信息转换器,其提供了将请求信息转换文Java对象以及将Java对象转换为相应信息的方法: RequestBody、ResponseBody、RequestEntity、ResponseEntity 带Request的是将请求转换为Java对象&#xff0c…

前人踩过的雷,绕过的弯,何必重蹈,前端学习路径方法分享题

今天我们一起来聊聊前端的学习路线与方法。 在上篇文章中,我和你简单回顾了前端行业的发展,到现在为止,前端工程师已经成为研发体系中的重要岗位之一。可是,与此相对的是,我发现极少或者几乎没有大学的计算机专业愿意…