eslint-webpack-plugin 未使用其在 eslintrc.js 中定义的插件

Question

我目前正在致力于将 eslint-webpack-plugin 集成到我的 TS 项目中。我使用 npm i eslint --save-dev 在本地安装了 eslint，然后使用 npx eslint --init 初始化了 eslint。另外，我想使用 eslint-testing-library 和 eslint-storybook 等插件。但是，eslint 不会对 *.test.tsx 和 *.stories.tsx 文件进行 linting，而只会对 typescript 文件进行 linting。

.eslintrc.js

module.exports = {
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended",
        "plugin:@typescript-eslint/recommended",
        "plugin:testing-library/react",
        "plugin:storybook/recommended"
    ],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": "latest",
        "sourceType": "module"
    },
    "plugins": [
        "react",
        "@typescript-eslint",
        "testing-library",
        "storybook"
    ],
    "rules": {},
    "settings": {
        "react": {
            "version": "detect"
        }
    },
    "overrides": [
        {
            "files": ["**/?(*.)+(spec|test).[jt]s?(x)"],
            "extends": ["plugin:testing-library/react"]
        },
        {
            "files": ['*.stories.@(ts|tsx|js|jsx)'],
            "extends": ["plugin:storybook/recommended"]
        }
    ]
}

webpack.config：

const ESLintPlugin = require('eslint-webpack-plugin')

module.exports = {
  entry: './src/index.ts',
  plugins: [
    new ESLintPlugin(
      {
        context: path.resolve(__dirname, 'src'),
        extensions: ['ts', 'tsx', 'js', 'jsx', '.test.tsx', '.stories.tsx'],
        overrideConfigFile: path.resolve(__dirname, '.eslintrc.js')
      }
    )
  ],

我希望我的测试库和故事书文件也能被检查。我缺少什么想法吗？提前致谢。