javascript - eslint 禁用扩展覆盖

Question

在您想要“降级”js解析器的覆盖的情况下，您如何关闭extends来自 parent ？ 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

这里有两种方法可以做到这一点:

单独的文件:
您可以放置​​不同的.eslintrc.js vendor/ 内的文件与 root: true .这将忽略 .eslintrc.js在您的项目根目录。

单独覆盖:

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',
      },
    },
  ],
};