husky

e_juhee·2022년 3월 29일
0

Tool

목록 보기
9/15

연관 내용
[ESLint/Prettier 설치 방법]
[husky 사이트]

정해진 규칙에 맞지 않으면 commit을 막기 위해 husky를 설치한다.

1. husky Install

설치할 디렉토리의 터미널에서 설치 명령어 입력
yarn add husky --dev
버전을 지정하려면 yarn add husky@4 --dev 👈🏻 이거로 사용하자 (안정적인 버전이다.)

2. lint-staged Install

마찬가지로 설치할 디렉토리의 터미널에서 yarn add lint-staged --dev

3. package.json 설정


devDependencies에 husky와 lint-staged가 추가된 것을 볼 수 있다.

//추가한 내용
,
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "**/*.{ts,tsx}": [
      "npx eslint '**/*.{ts,tsx}' "
    ]
  }

hooks : commit 전에 husky가 가로채서 lint-staged를 실행시켜줘
lint-staged : 모든 폴더의 모든 ts 파일을 대상으로, npx eslint '*/.{ts,tsx}' 을 실행
이 명령에서 에러가 나면 commit이 실행되지 않는다.

profile
쥐로그

0개의 댓글