Gatsby扩展ESLint规则将覆盖原始ESLint

Question

bounty到期在7天内。该问题的答案有资格获得+ 50声望赏金。user3808307正在寻找来自信誉良好的来源的答案。

我正在遵循文档https://www.gatsbyjs.org/docs/eslint/中的说明，并且想覆盖其中一个规则，但不影响其他规则，我所做的是创建.eslintrc.js文件。

这是文件的内容

module.exports = {
  globals: {
    __PATH_PREFIX__: true,
  },
  extends: `react-app`,
  "rules": {
    'jsx-a11y/no-static-element-interactions': [
      'error',
      {
        handlers: [
          'onClick',
          'onMouseDown',
          'onMouseUp',
          'onKeyPress',
          'onKeyDown',
          'onKeyUp',
        ],
      },
    ],
  }
}

但是其余规则现在已被忽略，就像它不是扩展名一样

Answer 1

从您链接到的Gatsby文档：

当您包含自定义.eslintrc文件时，Gatsby可让您完全控制ESLint配置。这意味着它将覆盖内置的eslint-loader，您需要自己启用所有规则。执行此操作的一种方法是使用社区插件gatsby-eslint-plugin。这也意味着默认的ESLint config Gatsby随附将被完全覆盖。如果您仍然想利用这些规则，则需要将它们复制到本地文件中。

因此，看起来您创建.eslintrc.js文件后，就需要再次从下往上建立规则。它会覆盖，不会扩展。