[React] husky


husky


次にESLintでHuksyというパッケージについて知りましょう詳細についてはhaskyのハブページを参照してください.

1. husky


Git hooks made easy
haskyについての簡単な説明は以下の通りです.このパッケージはgit hooksを簡単に使用できます.gitによってアクションが発生した場合、処理を支援するツールと見なすことができます.たとえば、コミット後またはプッシュ前に動作を決定できます.

1.1パッケージのインストール


npmコマンドでhaskyをインストールするgitがインストールされていない場合、hooksは正常に動作しない可能性があります.gitをgit initに設定してインストールを続行する必要があります.
$ npm init -y
$ git init
$ npm install husky -D

1.2パッケージの設定

$ code .
$ npx install husky
Vscodeを使用してプロジェクトを開きます.その後、Vscodeで端末を開き、npx install huskyと入力し、hickyを設定してgit hooksを使用することができる.
"scripts": {
  "prepare": "husky install",
  "test": "echo \"Error: no test specified\" && exit 1"
},
次に、wereとprepareというpackage.jsonファイルにhusky installを追加します.

1.3 pre-commit


今回は実際にhuckyを利用してみましょうcommitを実行する前に、npm testというスクリプトを実行してみてください.
$ npx husky add .husky/pre-commit "npm test"

この命令を通す.hashyフォルダにpre-commitというファイルが作成されていることを確認できます.ファイルには、入力したnpm testも含まれています.
$ git add -A // 변경사항, 추가사항, 제거사항을 저장
$ git commit -m "husky test"
今回は実際に提出します.このコマンドを実行すると、エラーが発生し、コミットされていないことを確認します.
実際にコミットする前に、huksyですべてのコードをESLint、Prettyerなどのツールで事前コミットをチェックおよび変更するように設定できます.
では、次の授業で実際に設定します.