ESLint Plugin 和 ESLint Config 的区别 #

为什么有 ESLint Plugin 和 ESLint Config #

• 当我们写下了很多 ESLint 配置后，如何共享呢？

• 这时候我们就需要使用 ESLint Config 来共享我们的配置，ESLint Config 就仅仅是一个 JavaScript 对象然后包含了一些配置信息，仅此而已
• 当我们需要共享一些自定义规则，这时候就需要 ESLint Plugin 来帮忙了，一个插件基本上是一个自定义的集合规则，你可以导入和使用。

举个栗子 #

ESLint Config #

• eslint:recommended就是一个 ESLint 的配置文件
• 当上面的代码加载后，首先会知道项目代码运行的环境为 browser
• 其次就是从eslint:recommended加载所有的共享规则
• 然后在 rules 中写的规则去增加或者重写 eslint:recommended 中的共享规则

ESLint Plugin #

• 包含自定义规则
• 可能包含配置文件
• 上图从node_modules导入react plugin
• 从插件导出的规则中指定自定义规则并使用