husky

huni_ยท2022๋…„ 7์›” 6์ผ
0

React ์„ค์น˜

๋ชฉ๋ก ๋ณด๊ธฐ
7/16

๐Ÿถ husky_github
๐Ÿถ husky_homepage

husky๋Š” ์šฐ๋ฆฌ๊ฐ€ ์†Œ์Šค์ฝ”๋“œ๋ฅผ git์— commit ํ•˜๊ธฐ ์ „์—, ๊ธฐ์กด์˜ ๊ทœ์น™(typescript, eslint, prettier ๋“ฑ)์„ ์ง€์ผœ๊ฐ€๋ฉด์„œ ์ฝ”๋”ฉ์„ ์ง„ํ–‰ํ•˜์˜€๋Š”์ง€ ๊ฒ€์ฆํ•ด ์ฃผ๋Š” ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ๊ทœ์น™์— ์–ด๊ธ‹๋‚˜๋Š” ์ฝ”๋“œ๊ฐ€ ์žˆ๋‹ค๋ฉด commit์„ ๊ฐ•์ œ๋กœ ๊ฑฐ์ ˆํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ, ์‹ค๋ฌด์ ์œผ๋กœ ๋” ์•ˆ์ •์ ์ธ ํ˜‘์—…์„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

husky ๋ฒ„์ „ 4 , lint-staged ์„ค์น˜ ๋ช…๋ น์–ด

yarn add -D husky@4
yarn add --dev lint-staged

package.json ํŒŒ์ผ์— husky์™€ lint-staged ๋‚ด์šฉ์„ ์ž‘์„ฑํ•ด์ค๋‹ˆ๋‹ค.

{
	...
	...
	"devDependencies" : {
	...
	...
},
"husky": {
    "hooks": {
      "pre-commit" : "lint-staged"
    }
  },
"lint-staged": {
	"**/*.{ts,tsx}" : [
			"npx eslint ."
	  ]
	}
}

์ด์ œ eslint ๊ทœ์น™์— ์–ด๊ธ‹๋‚˜๋Š” ์ฝ”๋“œ๊ฐ€ ์žˆ๋Š” ํŒŒ์ผ์„ ์ปค๋ฐ‹ํ•˜๋ ค๊ณ  ํ•˜๋ฉด ์ปค๋ฐ‹์ด ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

profile
FrontEnd Developer

0๊ฐœ์˜ ๋Œ“๊ธ€