javascript - eslint 中的 plugins 和 extends 有什么区别？

Question

我不明白为什么我们有插件和扩展。它们之间有什么区别，我需要其中之一吗？

Answer 1

extends 使用一个配置文件，当您将其添加到 extends 选项时，该文件会应用一组规则。另一方面，插件为您提供了一组规则，您可以根据需要单独应用这些规则。仅仅拥有一个插件并不能强制执行任何规则。你必须选择你需要的规则。一个插件可能会为您提供零个、一个或多个配置文件。如果插件提供了配置文件，那么您可以在插件部分添加插件后将其加载到扩展部分。

从本质上讲，插件会为您提供一些已编码的规则，您可以选择哪些是相关的。它还可以提供配置文件以应用作者认为逻辑分组/相关的规则，但提供配置文件对于插件来说不是强制性的。另一方面，extends 使您能够根据配置文件规范批量应用规则。

示例插件 - eslint-plugin-react

{
  "plugins": [
    "react"
  ],
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended"
  ]
}

示例配置 - eslint-config-google

{
  "extends": [
    "google"
  ]
}