monorepo에 typescript의nextjos에eslint+prettier의 비망록을 설정합니다

eslint 및 prettier

이번 보도이쪽 프로젝트는 에스린트와 프리티어에 실제 가입하는 과정을 비망록으로 보류했다.
eslint와prettier의 설정은 가능한 한 루트로 공동으로 관리하고, 각 포장에 개별적인 설정이 있으면 개별적인 포장으로 진행하고자 하기 때문에 아래의 포장을 루트에 넣습니다.

// -Wはyarn monorepoでrootにインストールするときに必要な設定です。
// このあたりの設定はdevDependencyに入れるので-Dを設定します。

yarn add -D -W eslint prettier eslint-config-prettier @typescript-eslint/parser @typescript-eslint/eslint-plugin

그리고 루트를 계획합니다.eslintrc.json을 다음과 같이 설정합니다.

{
  "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended", "prettier"]
}

나는 이 설정도 사람에 따라 다를 것이라고 생각한다.가능한 한 최소한으로 설정하다.
그리고nextjs의packages에 들어갔습니다.eslintrc.json의 설정을 다음 내용으로 변경하여 루트의 설정을 계승하는 동시에 사용eslint-config-next하고 루트 Dir의 설정도 진행한다.

{
  "extends": ["../../.eslintrc.json", "next"],
  "settings": {
    "next": {
      "rootDir": "packages/frontend/"
    }
  }
}

이 상태에서 루트 패키지는 다음과 같은script를 사용합니다.json에 추가합니다.

  "scripts": {
    "format": "prettier . --ignore-path .gitignore --write",
    "lint": "eslint --ext .ts,.tsx . --ignore-path .gitignore",
  }

이script로format과lint가 뛰는 거 확인하기 끝!
이번 인코딩우리의 커미션은 확인할 수 있습니다.
감사합니다!