프로젝트 코드의 통일성을 위한 lint-staged와 husky 라이브러리의 설치, 설정하는 방법을 간단하게 정리한 내용입니다.
🤷🏻♀️ Lint-staged와 Husky란?
Lint-staged와 Husky는 깃 커밋 전에 eslint와 prettier를 미리 돌려주어 코드를 균일하게 맞춰주고, .husky 파일에서 관리하여 레포지토리에서 공유가 가능하도록 도와주는 라이브러리입니다.
⚙️ 설치하기
npm install -D lint-staged husky 명령어를 입력하여 lint-staged와 husky를 설치해 줍니다.
npx husky install 명령어로 husky 설치 후 npx husky-init 을 입력해줍니다.
⚙️ lint-staged 설정하기
package.json 파일에서 lint-staged된 코드들에 어떤 액션을 취할것인지에 대한 내용을 정할 수 있습니다.
"lint-staged": {
// lint-staged 를 적용하고 싶은 파일들 설정
"*.{js, jsx, ts, tsx}": [
"eslint --fix",
"prettier --write",
"git add"
]
}⚙️ husky 설정하기
npx husky add .husky/pre-commit "npm run lint-staged" 명령어를 입력해주면 .husky 폴더안에 pre-commit 스크립트가 생성되고 설정이 완료됩니다.
