eslint常见问题1

如果在foo配置里面设置了plugins: ["bar"]，在./.eslintrc中需要重新修改bar中的规则，还需要再次配置plugins: ["bar"]吗？

当你在扩展配置（如 eslint-config-foo）中设置了 plugins: ["bar"]，并且你想在项目的 .eslintrc 文件中修改 eslint-plugin-bar 插件的规则，你不需要再次在 .eslintrc 中配置 plugins: ["bar"]。只需在 rules 部分直接引用和配置你想要修改的 eslint-plugin-bar 插件的规则即可。

详细说明

1. 基本配置

假设 eslint-config-foo 配置如下：

// eslint-config-foo/index.js
module.exports = {
  plugins: ["bar"],
  rules: {
    "bar/rule1": "error",
    "bar/rule2": "warn",
  },
};

2. 项目中的 .eslintrc

在你的项目的 .eslintrc 文件中，你可以直接修改 eslint-plugin-bar 插件的规则，而不需要再次配置 plugins: ["bar"]。例如：

// .eslintrc.js
module.exports = {
  extends: ["foo"],
  rules: {
    "bar/rule1": "off",  // 关闭 eslint-config-foo 中的 bar/rule1 规则
    "bar/rule2": "error", // 修改 eslint-config-foo 中的 bar/rule2 规则为 error
    "bar/rule3": "warn",  // 新增 bar 插件中的 rule3 规则
  },
};

示例项目结构

my-project/
├── .eslintrc.js
├── node_modules/
│   ├── eslint
│   ├── eslint-config-foo
│   └── eslint-plugin-bar
└── package.json

解释

• 无需重复配置插件：在 .eslintrc.js 中不需要再次配置 plugins: ["bar"]，因为它已经在 eslint-config-foo 中配置过了。ESLint 会继承并应用 eslint-config-foo 中的插件配置。
• 直接修改规则：你可以直接在 rules 部分修改或添加 eslint-plugin-bar 的规则，这样就可以覆盖或扩展从 eslint-config-foo 继承的规则配置。

总结

当你使用 extends 继承了一个包含插件配置的 ESLint 配置文件时，你不需要在你的 .eslintrc 中再次配置这些插件。你可以直接在 rules 部分修改或添加这些插件的规则配置，从而简化你的 ESLint 配置文件，并确保配置的一致性和简洁性。