eslint禁用在覆盖中延伸-前端问题

eslint disable extends in override(eslint禁用在覆盖中延伸)

本文介绍了eslint禁用在覆盖中延伸的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

在您有一个覆盖的情况下，您想要"降级"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;
      }, {})
    }
  ]
};

有没有更干净的方法来做这件事？

推荐答案

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

单独文件： 您可以使用root: true在vendor/中放置不同的.eslintrc.js文件。这将忽略项目根目录下的.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',
      },
    },
  ],
};

这篇关于eslint禁用在覆盖中延伸的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！