如何方便地知道依赖被哪些地方（文件）引用使用到？

Question

我们在package.json中可以看到这些依赖：
有没有什么方法（或者插件）可以方便地显示出这些依赖被项目中哪些代码使用到（引用到.reference）？

  "dependencies": {
    "body-parser": "^1.19.0",
    "commander": "^6.0.0",
    "cors": "^2.8.5",
    "esbuild": "^0.12.15",
    "esbuild-plugin-less": "^1.0.7",
    "eventemitter3": "^4.0.7",
    "express": "^4.17.1",
    "fs-extra": "^9.0.1",
    "lowdb": "^1.0.0",
    "open": "^8.2.1"
  }

Answer 1

你可以用 Dependency Cruiser 插件，它会生成一个交互式的依赖图，帮你查看项目中的文件和依赖关系。你先在 VSCode 安装 Dependency Cruiser 插件。然后，在你的项目根目录中，新建一个名为 .dependency-cruiser.js 的文件。把下面配置粘贴到 .dependency-cruiser.js 文件中：

module.exports = {
  options: {
    exclude: 'node_modules',
    tsConfig: {
      fileName: './tsconfig.json', // 如果你的项目是 TypeScript，请确保 tsconfig.json 文件路径正确
    },
  },
};

最后你再打开 VSCode 命令面板（Mac：Cmd + Shift + P，Windows：Ctrl + Shift + P），然后输入并选择 "Dependency Cruiser: Show Dependency Graph"。这个插件就会帮你生成一个可以交互的依赖关系图。

Answer 2

使用depcheck就可以:

• npm install -g depcheck
• 在项目目录下执行depcheck
• 官方文档