eslint, prettier 수정, 검색 후 commit하기

해당 글은 husky@4.3.8, lint-staged@11.0.0 버전으로 작성되었습니다.

//package.json
{
  "lint-staged": {
    "**/*.{tsx,tx,jsx,js}": [
      "eslint --fix",
      "prettier --write"
    ]
  },
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  }
}

lint와 prettier설정이 다 되어 있는 상태에서 devDependencies 아래에 위와 같이 두 속성을 추가하면 git commit을 하기 전 lint-staged를 실행해 검사를 진행한 뒤 commit을 진행하게 됩니다.

 

이 설정을 적용하면 배포를 하거나 할 때 에러가 나는 경우를 많이 막아주고, 설정도 간단하니 설정해서 사용한다면 휴먼에러를 조금 더 줄일 수 있습니다.