ESLint：什么是 extends 选项？

ESLint 是一个常用的 JavaScript 代码检查工具。 它可以帮助程序员在编写代码时发现并修复潜在的问题，例如未定义的变量、死代码、编码错误等。而在其配置文件 .eslintrc 中，有一个 extends 选项，可使程序员使用和扩展预定义的配置。

理解 extends 选项

ESLint 允许通过 extends 选项使用预定义的配置。这意味着您可以使用某个配置的所有规则，而不必逐一指定每一项。这可以极大地简化您的配置，并使您的代码更易于维护。

在 extends 中指定一个字符串，该字符串指向预定义的配置。例如，如果您想使用 Airbnb 公司的 JavaScript 代码风格，可以编写如下配置：

{
  "extends": "airbnb-base"
}

airbnb-base 是一个预定义的配置，它定义了一组规则以确保您的代码符合 Airbnb 公司的 JavaScript 指南。通过设置 extends 选项为 airbnb-base，您可以利用该公司的经验，并将其应用于您自己的代码中。

您还可以使用多个 extends 来扩展配置。这将会将多个配置文件合并在一起来生成一个最终的配置。例如，你可以将你自己的配置文件和 AirBnb 公司的配置结合起来：

{
  "extends": [
    "my-config",
    "airbnb-base"
  ]
}

这将应用 my-config 配置中的规则，同时还应用 airbnb-base 配置中的规则。

示例代码

以下是一个包含了 extends 选项的 .eslintrc 配置文件示例：

{
  "extends": "airbnb-base",
  "rules": {
    // 自定义规则
  }
}

该配置使用了 airbnb-base 配置，并可以通过 rules 属性指定项目中自定义的规则。如果项目中使用了其他规则，将会和 Airbnb 公司的规则一并使用。

总结

extends 选项可以帮助您轻松配置 ESLint，并利用使用预定义的配置经验。您可以根据需求使用单独的配置、多个配置，或撰写自己的自定义配置文件。

但是，请记住，预定义的配置并不总是完美适合您的项目。您可能需要修改配置每个规则的错误级别、添加/删除某些规则等来适应您的代码风格。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f1069cf6b2d6eab3ae7752