javascript - ESLint 扩展 vs 插件 v2020

Question

有回答question在我看来，这实际上并没有回答这个问题，关于 extends: [] 之间的区别对比 plugins: []在 ESLint 中。

就我而言，我只是使用了扩展部分:

extends: [
  'plugin:@typescript-eslint/recommended',
],
plugins: [],
rules: {
  '@typescript-eslint/explicit-function-return-type': [
    'error',
    {
      allowExpressions: true,
    },
  ],
}

如您所见，我只是使用了 plugin:@typescript-eslint/recommended 中的预定义配置并且还覆盖了 @typescript-eslint/explicit-function-return-type rules: {} 中的规则部分。但是为什么我们需要这个 PLUGINS 部分呢？如果没有它一切正常？我想念什么？

Answer 1

你做对了。
对于您的示例，有两种方法可以添加 typescript-eslint ...

第一种方式:

{
  parser: "@typescript-eslint/parser",
  parserOptions: { sourceType: "module" },
  plugins: ["@typescript-eslint"],
  extends: [],
  rules: {
    "@typescript-eslint/explicit-function-return-type": [
      "error",
      {
        allowExpressions: true
      }
    ]
  }
}

第二种方式:

{
  plugins: [],
  extends: ["plugin:@typescript-eslint/recommended"],
  rules: {
    "@typescript-eslint/explicit-function-return-type": [
      "error",
      {
        allowExpressions: true
      }
    ]
  }
}

不同的是...

第一种方式:

parser , parserOptions和 plugins是手动添加的，

仅限 @typescript-eslint/explicit-function-return-type被强制执行。

第二种方式:

plugin:@typescript-eslint/recommended已自动添加parser , parserOptions和 plugins .

添加并执行推荐的 typescript 规则。

@typescript-eslint/explicit-function-return-type被增强和强制执行。

这就是为什么当您使用 plugin:@typescript-eslint/recommended 时, 即使 plugins 一切正常是空的。编写良好的插件/配置允许这种情况发生。