在 ESLint 中扩展多个推荐配置

Question

故事：

目前，我们正在扩展推荐的 ESLint 配置：

{
  "extends": "eslint:recommended",
  ...
  "plugins": [
    "angular",
    "jasmine",
    "protractor"
  ],
  "rules": {
    "no-multiple-empty-lines": 2,
    "no-trailing-spaces": 2,
    "jasmine/valid-expect": 2
  }
}

还使用angular、jasmine 和protractor ESLint 插件，这些插件还附带他们自己的推荐配置（默认规则严格级别和默认规则参数）。

问题：

我们如何同时使用所有推荐的配置 - ESLint 和所有使用的插件附带的配置？

---

尝试了以下方法：

{
  "extends": [
    "eslint:recommended",
    "plugin:protractor/recommended",
    "plugin:jasmine/recommended",
    "plugin:angular/recommended"
  ],
  ...
}

但出现以下错误：

无法读取未定义的“推荐”属性

Answer 1

我们如何同时使用所有推荐的配置 - ESLint 和所有使用的插件都附带的那个？

你的语法是正确的，多个扩展是这样加载的：

{
  "extends": [
    "eslint:recommended",
    "plugin:protractor/recommended",
    "plugin:jasmine/recommended",
    "plugin:angular/recommended"
  ]
}

但是，这要求相关插件实际上与推荐的设置捆绑在一起。 eslint-plugin-angulardoes not，还得自己安装：

npm install --save-dev eslint-config-angular

将您的 eslint 设置更改为

{
  "extends": [
    "eslint:recommended",
    "plugin:protractor/recommended",
    "plugin:jasmine/recommended",
    "angular"
  ]
}

它应该可以工作。