javascript, typescript, pretter , react 에 관련된 eslint rule을 공통으로 관리하고 사용합니다.

Install

npm

npm install -D eslint-config-wemade

yarn

yarn add -D eslint-config-wemade

Pretter 규칙 적용 방법

package.json 에 아래 코드 추가

"prettier": "eslint-config-wemade/prettierConfig",

Eslint 규칙 사용 방법

eslint.config [v9 이후]

import jsRule from "eslint-config-wemade/flat/javascript";
import prettierRule from "eslint-config-wemade/flat/prettier";
import reactRule from "eslint-config-wemade/flat/react";
export default [
  { ignores: ["dist"] },
  ...jsRule,
  ...reactRule,
  ...prettierRule,
];

.eslintrc [v8.57.1 이전]

{
  "extends": [
    "next/core-web-vitals",
    "next/typescript",
    "eslint-config-wemade/typescript",
    "eslint-config-wemade/react",
    "eslint-config-wemade/prettier"
  ]
}

typescript 설정 안에 javascript도 포함되어 있으므로 따로 추가 안해도 됩니다

Error 해결

1.위와 같이 설정했는데도 eslint가 안될때 eslint 설정에

"root": true

추가해서 상위(부모) 폴더의 eslint 설정과 충돌 방지하기

2.아래와 같은 이슈가 보일때

TypeError: Error while loading rule '@typescript-eslint/no-unused-expressions': Cannot read properties of undefined (reading 'allowShortCircuit')

eslint 9.15 버전 이슈로 보임 링크 => 9.14버전으로 낮춰서 해결