.eslintrc 中的“插件”属性有什么作用？

Question

module.exports = {  root: true,  parser: '@typescript-eslint/parser',  plugins: ['@typescript-eslint'],  extends: [    'eslint:recommended',    'plugin:@typescript-eslint/recommended',  ],};每当我添加或删除此行时：plugins: ['@typescript-eslint'] eslint 似乎表现相同。财产究竟有什么plugins作用以及何时需要使用它？

Answer 1

如果您考虑插件是什么，这个问题就很简单了。文档并没有很好地直截了当地说明 ESLint 插件是什么，但如果您通读了文档 ( https://eslint.org/docs/user-guide/configuring )，那么它很漂亮很容易弄清楚：

ESLint 支持使用第三方插件

使用插件定义的规则、环境或配置时。在使用该插件之前，您必须使用 npm 安装它。

所以插件是可以定义规则、环境或配置的第 3 方模块。

所以回答你的问题：

plugins 属性到底做了什么 [原文如此]

plugins 属性告诉 ESLint 你想使用什么插件

什么时候需要使用它？[原文如此]

当你使用插件中的东西时，你必须首先通过plugins属性告诉 ESLint。

---

当省略此字段时，插件似乎仍然可以工作

如果您使用extends带有语法的选项plugin:<plugin>/<config>，那么 ESLint 将提前从插件加载特定文件。

为什么？因为这允许插件提供配置并减少您需要的配置量。插件的配置可以plugins为您提供选项，这意味着您不需要自己做。

Answer 2

我也很好奇什么是解析器和插件

来自 文档

“例如，一旦此解析器成功为 TypeScript 源代码生成 AST，它可能包含一些标准 JavaScript 上下文中根本不存在的信息，例如 TypeScript 特定构造的数据，如接口。

ESLint 中内置的核心规则，例如缩进，不了解此类构造，因此不可能期望它们开箱即用。

相反，您还需要使用一个插件来添加或扩展具有 TypeScript 特定功能的规则。“

这有助于我更好地理解它。