前端项目中如何查询未使用的模块?

J.sky
前端
Next.js
2025/1/14

有时我们在编写前端项目的时候会加入大量的模块来进行功能测试,久而久之就会有些模块因为功能的缺失或弃用而闲置,如何找到这些闲置的模块并且删除掉呢?

手动查询

  • 根据模块的名称在IDE中使用查找功能对项目文件进行全文搜索。
  • 手动逐一的检查每个文件的头部import语句或require函数调用(不推荐!)

使用工具分析

depcheck它会分析项目的代码和package.json文件,列出未使用的依赖模块。

安装:

npm install -g depcheck

在项目的根目录终端下运行:depcheck

显示:

Unused dependencies
* @giscus/react
* dateformat

这表示@giscus/react和dateformat这两个模块在项目中未被使用。

还有一个工具npm-check也是类似的功能。