eslint plugin과 config 차이

ESLint Plugin - 나만의 검사 규칙을 만들 때

• 내가 만든 규칙이기 때문에 검사규칙에 대한 rule 정의 파일이 있다. 
• 가져다 쓸 때는, 플러그인의 어떤 규칙을 사용할 것인 지 명시해야 한다. (내 규칙을 정의해놓기만 했고, 쓸 건지는 없으니까)

{ 
  plugins: ['react'],
  rules: {
  	'react/button-has-type': 'error'
  }
}

• 위에 처럼 활성화할 규칙들을 하나하나 명시해서 쓰는 것이 불편하니까, 활성화할 규칙을 모아 내부에서 설정으로 만들어 놓기도 했다.

{
  // plugins: ['react'] 생략 - recommended 설정 안에 plugins: ['react']가 있기 때문
  extends: ['plugin:react/recommended']
}

 

ESLint Config - 나만의 설정 파일을 만들 때

• 설정을 정의해놓은 eslintrc 파일이 있다.
• 가져다 쓸 때는, extends로 정의해놓기만 하면 된다. (설정파일을 임포트하는 거니까)
• 여러 개가 있고 같은 옵션을 정의하면, 나중에 온 것의 규칙을 사용한다.

{
  extends: ['standard-react']
}

 

 

 

 

출처

•  https://prateeksurana.me/blog/difference-between-eslint-extends-and-plugins/ 

What is the difference between extends and plugins in ESLint config

• https://yrnana.dev/post/2021-09-02-eslint

ESLint 알고 쓰기