협업 세팅(린트,허스키)

시바코코개발자·2023년 5월 27일
0

package.json

  "postinstall": "husky install",
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "lint": "eslint --cache \"src/**/*.{js,jsx}\"",
    "lint-fix": "eslint --fix --cache \"src/**/*.{js,jsx}\"",
    "formatter": "prettier --write --cache \"src/**/*.{js,jsx}\""
},

린트 및 포매터 수정

"lint": "eslint --cache \"src/**/*.{js,jsx}\"",
        "lint-fix": "eslint --fix --cache \"src/**/*.{js,jsx}\"",
        "formatter": "prettier --write --cache \"src/**/*.{js,jsx}\""
        

husky

git hook을 더 편하게 사용할 수 있는 npm패키지

githook이란?
git과 관련된 어떤 이벤트가 발생했을 때 특정 스크립트를 실행할 수 있도록 하는 기능

=> git event 이후 실행될 특별한 이벤트를 실행시키기 위한 패키지

event?
commit
rebase
merge
push

(pre,post)
pre-> 이벤트 발생 이전

post-> 이벤트 발생 이후

husky 설정 방법

  1. npm i -D husky

  2. script에 husky install

  3. npx husky install ----> .husky folder 생성

  4. npx husky add 경로(.husky/pre-push) 'npm run lint:fix'

  5. npx husky add .husky/pre-commit 'npm run formatter'

            "postinstall": "husky install",

허스키를 사용할 때 중요한 점은 .git파일하고 같은 경로에 .husky 파일이 같이 있어야 한다. 그게 아니라면 npx husky install 에서 설치가 안되고, 계속 에러가 날것.



0개의 댓글