eslint从入门到放弃（五）eslint配置之extends（共享配置）

上文说了eslint配置之规则，今天说下ESLint配置中的extends（共享配置），前文传送门，

eslint从入门到放弃（一）eslint入门

eslint从入门到放弃（二）esLint配置之globals

eslint从入门到放弃（三）ESLint配置之env（三）
eslint从入门到放弃（四）eslint配置之规则

大家好我是【小枫学幽默】，这是我eslint从入门到放弃系列教程的第五篇，欢迎关注后续更新。接下来步入正题：

ESLint配置之extends（共享配置）

ESLint extends （共享配置） 是个啥？这玩意儿有啥用？

在前文eslint从入门到放弃之eslint配置之规则（四）中我们讲过，项目中的.eslintrc（eslint配置文件）中的rules就是eslint配置中的规则(rule)的集合，就是来告诉eslint如何检查代码的；
单说官网的规则大概有308个，可往往我们面临以下问题

• 1、我们项目中的代码风格虽然是千差万别的，总有一部分规则是一致的（比如 un-undef），这部分规则每个项目都去配置一遍，很花费时间
• 2、一个大的规范化的团队，代码风格通常都是一样的，多个项目之间共享代码规则，通过代码拷贝的方式是很麻烦的
• 3、当没有固定规范的时候，小团队是不是可以跟大厂看齐？能否引用大厂的规范？

所以eslint提供了extends（共享配置）来帮我们解决这个问题，extends就是来帮我们引入别人已经配置好的规则的，我们只需要在extends中引入别人配置好的规则，如果别人的规则在自己的项目中不合适，我们根据自己的需求覆盖对应规则即可，extends可以帮我们节省大量的时间。

extends 怎么用？

首先，我们新建一个demo目录，文件结构如下

demo
├── .eslintrc.js
├── package.json
└── rules.js

.eslintrc.js（eslint配置文件）内容如下

module.exports =