如何扩展或修改ESLint规则而不是覆盖

Question

我有一个使用ESLint的Angular项目。我想修改@typescript-eslint/naming-convention规则以添加一个例外，以阻止它在外部API中使用的对象上绑定某些属性名称。例如，谷歌分析的gtag有一个属性在蛇的情况下，这不适合其他应用程序驼峰的情况下，但我不希望它被标记。

gtag('config', 'G-XXXXXXXXXX', {
  page_path: event.urlAfterRedirects
})

我如何才能保持规则的原样，而只是添加这个例外呢？naming-convention规则相当复杂，我不想完全覆盖它，因为它有助于及时了解反映Angular项目更改的任何更改。我的ESLint配置扩展了以下内容：

"extends": [
    "plugin:@angular-eslint/ng-cli-compat",
    "plugin:@angular-eslint/ng-cli-compat--formatting-add-on",
    "plugin:@angular-eslint/template/process-inline-templates"
  ],

Answer 1

根据此doc，@typescript-eslint/naming-convention规则的默认配置如下所示。

// the default config is similar to ESLint's camelcase rule but more strict
const defaultOptions: Options = [
  {
    selector: 'default',
    format: ['camelCase'],
    leadingUnderscore: 'allow',
    trailingUnderscore: 'allow',
  },

  {
    selector: 'variable',
    format: ['camelCase', 'UPPER_CASE'],
    leadingUnderscore: 'allow',
    trailingUnderscore: 'allow',
  },

  {
    selector: 'typeLike',
    format: ['PascalCase'],
  },
];

因此，我建议您复制该配置，并根据您的更改对其进行修改。