eslint 禁用擴展覆蓋

Question

如果您有一個覆蓋要“降級”js 解析器，您如何關閉父級的extends ？ parserOptions很容易覆蓋，因為它是基於鍵的。 extends as a empty array 什么都不做，因為它試圖將一個空列表附加到原始列表。 如果將其設置為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. 單獨的文件：您可以在vendor/放置一個不同的.eslintrc.js文件， 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',
      },
    },
  ],
};