前端性能优化之-使用depcheck检查项目中未被使用的依赖并卸载

背景：

由于老项目需要重构，需要删除一些无用的代码和资源来减少项目体积以及提高打包效率，所以需要将一些无用的依赖清除，这里可以使用depcheck插件帮助我们找出问题，在 package.json 中，每个依赖包如何被使用、哪些依赖包没有用处、哪些依赖包缺失。它是解决前端项目中依赖包清理问题的一个常用工具。

使用

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

1.全局安装
npm install -g depcheck

2.在项目根目录执行以下命令：
depcheck

执行结果如下：

就会出来这些东西，分别解释一下：

• Unused dependencies:未使用的依赖,这个是你在项目中没有用到的包，删除的时候记得全局搜索下，有的包是真的没用到，有的包你用了，但是在项目中注释掉，暂时先不用，不然后面会出问题。
• Unused devDependencies:未使用的开发依赖，这个在package.json文件里的devDependencies
• Missing dependencies:缺少,缺失的依赖关系，这个在你运行项目的时候报错或者警报的提示

3.安装缺失的依赖包
比如，我上述缺失这个codemirror的包，我就安装安装下
npm i codemirror -S

4.删除未使用的依赖包
npm uninstall less-loader

depcheck 的基本使用：https://github.com/depcheck/depcheck