前端项目中如何查询未使用的模块?
·No AI「完全由人类大脑和双手完成,没有任何AI参与」
有时我们在编写前端项目的时候会加入大量的模块来进行功能测试,久而久之就会有些模块因为功能的缺失或弃用而闲置,如何找到这些闲置的模块并且删除掉呢?
手动查询
- 根据模块的名称在IDE中使用查找功能对项目文件进行全文搜索。
- 手动逐一的检查每个文件的头部import语句或require函数调用(不推荐!)
使用工具分析
depcheck它会分析项目的代码和package.json文件,列出未使用的依赖模块。
安装:
npm install -g depcheck
在项目的根目录终端下运行:depcheck
显示:
Unused dependencies
* @giscus/react
* dateformat
这表示@giscus/react和dateformat这两个模块在项目中未被使用。
还有一个工具npm-check也是类似的功能。
相关文章
- 纯HTML+Tailwind CSS代码,无需安装即插即用(Copy & Paste)
- 一分钟美化 RSS:使用 RSS.Beauty 让你的博客 RSS 源更漂亮
- Next.js 静态化改造:放弃 Astro 的理由与实践
- 基于 Next.js + Supabase 的文章阅读量和喜欢功能
- 博客程序重构回忆录
- Next.js项目手动安装配置NextUI
- GitHub Actions 构建、部署 Next.js项目
- 关于使用Next.js重构博客构思的记录
- 使用React+Vite+TailwindCSS+daisyUI打造一个简单的ToDos
- 前端React+TailwindCSS+daisyUI开发环境的快速搭建