如何删除未使用到的前端依赖包？

介绍几种方法来检测和删除项目中未使用的 npm 包。

工程化与构建简单工程化构建 package管理

要删除项目中未使用的 package，可以使用专门的工具来检测并移除未使用的依赖包。以下是常见方法和步骤：

推荐工具

depcheck：一个流行的命令行工具，用于扫描项目并识别未使用的依赖。
npm-check：提供交互式界面，方便检查和更新包。

步骤

安装工具：全局安装 depcheck 或 npm-check：

npm install -g depcheck  # 安装 depcheck
# 或
npm install -g npm-check  # 安装 npm-check

运行检测：在项目根目录执行命令：
- 使用 depcheck：
```
depcheck
```
  输出会列出未使用的依赖项（如 “Unused dependencies”）。
- 使用 npm-check：
```
npm-check -u  # -u 参数启用交互模式
```
  在终端中选择要删除的未使用包。
删除未使用的包：根据工具输出，手动移除包：
```
npm uninstall package-name  # 替换 package-name 为实际包名
```
或者，使用 yarn（如果项目使用 yarn）：
```
yarn remove package-name
```

注意事项

误报处理：工具可能误报某些包（如仅在配置文件或脚本中使用的包），需手动验证。
定期维护：建议在开发周期中定期运行检测，优化项目体积。
替代方案：对于小型项目，可手动对比 package.json 和代码引用，但工具更高效。