huskyを使ってgit hookを楽に扱う

前提

• Node.js限定です
• prettier, eslintは導入済みとする
• gitコマンドを使わないと走らないので注意
  SorceTreeでcommitしたら動きました

やること

pre-commitでprettier --write,eslint --fix,jestを走らせる。

方法

huskyを入れてpackage.jsonにちょろっと書いて終わり。便利。

huskyとlint-stagedをインストール

~$ npm i -D husky lint-staged

package.json編集

nameやversionと同階層に以下を追加。対象コードが格納されてるディレクトリは環境に合わせて修正。

"husky":{"hooks":{"pre-commit":"lint-staged; jest"}},"lint-staged":{"*.{js,jsx}":["prettier --write './src/**/*.js'","prettier --write './__tests__/**/*.js'","eslint --fix './src/**/*.js'","eslint --fix './__tests__/**/*.js'"]}

おわり

後は適当に編集してgit add -Aしてgit commitすればlint-stagedに書いた内容が実行されてからjestが実行されます。
sh書かなくても良いのは楽ですね。ReactやVue.js環境でももちろん動きます。
VSCode環境ならprettierもeslintもAutoSaveで走らせればあまり必要はない気もしますが。