eslint 在覆盖中禁用扩展

Question

如果您想要“降级”js 解析器的覆盖，如何从父级关闭

extends

？

parserOptions

很容易被覆盖，因为它是基于键的。

extends

作为空数组不执行任何操作，因为它尝试将空列表附加到原始列表。如果将其设置为

null

，则会出现配置解析器错误。

module.exports = {
  root: true,
  parserOptions: {
    ecmaVersion: 2018,
    sourceType: 'module'
  },
  extends: [
    'eslint:recommended'
  ],
  overrides: [
    {
      files: ['vendor/**/*.js'],
      parserOptions: {
        ecmaVersion: 5,
        sourceType: 'script'
      },
      extends: [] // I want 'eslint:recommended' removed.
    }
  ]
};

解决方法包括循环所有扩展规则集并将其全部关闭。

module.exports = {
  root: true,
  parserOptions: {
    ecmaVersion: 2018,
    sourceType: 'module'
  },
  extends: [
    'eslint:recommended'
  ],
  overrides: [
    {
      files: ['vendor/**/*.js'],
      parserOptions: {
        ecmaVersion: 5,
        sourceType: 'script'
      },
      rules: Object.keys(require(path.resolve(path.dirname(require.resolve('eslint')), '../conf/eslint-recommended')).rules).reduce((rules, rule) => {
        rules[rule] = 0;
        return rules;
      }, {})
    }
  ]
};

有没有更干净的方法来做到这一点？

Answer 1

有两种方法可以实现此目的：

1. 单独的文件： 您可以使用

   .eslintrc.js

   在

   vendor/

   中放置不同的

   root: true

   文件。这将忽略项目根目录中的

   .eslintrc.js

   。

2. 单独覆盖：

module.exports = {
  root: true,
  overrides: [
    {
      files: ['*.js'],
      excludedFiles: 'vendor/**/*.js',
      // OR
      // files: ['src/**/*.js']
      parserOptions: {
        ecmaVersion: 2018,
        sourceType: 'module',
      },
      extends: ['eslint:recommended'],
    },
    {
      files: ['vendor/**/*.js'],
      parserOptions: {
        ecmaVersion: 5,
        sourceType: 'script',
      },
    },
  ],
};

Answer 2

使用 ESLint v9 平面配置：

const extend = [
    eslintJs.configs.recommended,
];

export default [{
    files: ['**/*.js'],
    excludedFiles: 'vendor/**/*.js',
    ...Object.assign({}, ...extend)
}, {
    files: ['vendor/**/*.js'],
}];