eslint ：plugins和extends的区别

mortal语

于 2023-02-19 23:58:47 发布

阅读量391

点赞数

分类专栏：前端工程化 vite+ts模板搭建文章标签： javascript vue typescript

本文链接：https://blog.csdn.net/qq_40681984/article/details/129116277

版权

2 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

plugins和extends的区别

首先看语义上的区别
plugin翻译为插件，官网给的解释是：ESLint 插件是一个 npm 模块，它可以包含一组 ESLint 规则、配置、处理器和环境。插件通常包含自定义规则。插件可以用来强制执行样式指南，并支持 JavaScript 扩展(如 TypeScript)、库(如 React)和框架(Angular)
extends 翻译为扩展 官方并无说明
它们的关系
我们可以这样理解：
**当我们使用plugins（插件）时，插件提供的配置我们可以在extends里面进行配置 **
eslint官网给出的核心概念中，并未把extends作为一个核心概念提及，只是提及在使用插件时，提到了可以使用一些javascript拓展
1. 例子
  比如在项目中要集成eslint和pritter 插件
```
pnpm i pritter -D
```
此时我们在.eslintrc.js中配置如下：
```
...
plugins: ['prettier'],
```
项目中为了解决eslint和pritter 插件规则的冲突，就要安装另一个插件eslint-plugin-pritter （禁用与代码格式相关的所有其他 ESLint 规则）这个插件我们可以理解为pritter的拓展插件，可以覆盖pritter的一些规则
```
 由此我们可以得出，``plugins 是一个插件集，extends 是对插件的一种拓展。`` 
```

关注