Eslint 파일별로 Rules 분리하기

javscript 프로젝트에서 typescript 로 전환을 한다면
두개의 코드가 공존하는 과도기를 거칠 수 있다.

이럴 경우 eslint-typescript 가 javascript 파일에 적용되는 경우가 종종 있다.
eslint-typescript 의 rules 를 별도로 분리하고 싶다면 overrides 옵션을 사용하면 된다.

// .eslintrc

{
  // 기본 javascript rules
  parserOptions: { ... },
  rules: [ ... ],
  overrides: [{
    // ts/tsx 파일에만 적용 될 typescript rules
    files: "*.{ts,tsx}",
    parser: "@typescript-eslint/parser",
    extends: [ ... ],
	rules: [ ... ]
  }]
}

단순히 작동법만 보고 넘어가지 말고, overrides + filse 조합으로
파일별 세팅을 할 수 있고, 여러부분으로 응용 가능하다는걸 파악하고 넘어가시고 추후에 도움이 되시길

관련 이슈
typescript-eslint/typescript-eslint#1928