husky+lint-staged의 모바일 노트 @2021년 7월

오랜만에 밑의 이런 물건을 만들었다.json에만 넣으면 불편해서 필기를 해요.
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "src/**/*.{js,jsx,ts,tsx}": [
      "eslint --fix"
    ]
  }
필요한 포장을 먼저 설치한다.
npm i -D husky lint-staged
husky의 초기화 명령을 실행합니다.
npx husky-init && npm install
.husky/pre-commiit라는 파일이 있다고 생각해서 lint-staged로 변경했습니다.
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

npm run lint-staged
package.json에 lint-staged의 스크립트와 설정을 추가합니다.
"scripts": {
    ...,
    "lint-staged": "lint-staged"
  },
  "lint-staged": {
    "*.{js,ts,jsx,tsx}": [
      "npx eslint . --fix",
      "npx prettier --write ."
    ]
  },
}
이렇게 이상한 코드를 박아서 틀리면 성공이야👍

참고 자료


https://typicode.github.io/husky/#/

좋은 웹페이지 즐겨찾기