Huskyとlint-stagedを使ってコミット時にlintチェックさせる

前提

TypeScript+Reactで開発環境を構築済みであること
参照：
TypeScript+Reactでモダンな環境に入門してみる
TypeScript+React用にESLintを導入する
TypeScript+React用にprettierを導入する

各種バージョン
macOS Catalina 10.15.7
VS Code 1.49.3
node.js 14.4.0
yarn 1.22.10
TypeScript 4.0.3
React 17.0.1

Huskyとlint-staged

Husky

Gitコマンドのcommit、push時に割り込み処理をしてくれるツール

lint-staged

Gitのステージ環境にあるファイルをlintしてくれるツール

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

$ yarn add -D husky lint-staged

package.jsonにhuskyとlint-staged用の設定を追記する

package.json

  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "src/**/*.{js,jsx,ts,tsx}": [
      "eslint --fix"
    ]
  }

参考

Husky
lint-staged