如何通过ESLint获取指定规则的配置依赖树？

1. 用ESLint内置命令--print-config #

这是官方最实用的方式，能输出目标文件的完整最终配置，且每条规则都会标注来源：

• 执行命令：eslint --print-config 你的文件路径
• 输出中每条规则的注释栏会明确显示它来自哪个配置（比如本地.eslintrc.js、eslint-config-standard、插件plugin:vue/recommended等），能清晰看到嵌套引入的层级。

2. 借助第三方工具eslint-list-rules #

这个工具能以更简洁的格式展示规则来源：

• 全局安装：npm install -g eslint-list-rules
• 运行命令：eslint-list-rules --origin
• 输出会以表格形式列出规则ID、启用状态，以及对应的来源配置，一目了然。

3. 手动溯源配置链 #

如果不想依赖工具，可以逐层拆解配置：

• 从本地的.eslintrc.*或eslint.config.js出发，查看extends数组里的每一项
• 到node_modules里找到对应配置包（比如eslint-config-xxx），查看它的配置文件，递归追踪它的extends或plugins，直到找到规则的最初定义位置。

注：--debug参数输出的是调试日志，信息冗余，确实不适合用来定位规则来源，ESLint v8+版本的--print-config输出做了优化，来源标注会更精准。

内容的提问来源于stack exchange，提问作者aryzing