フロントサイド

huskyでコミット前にeslintを実行させる方法

どうもシローです。久しぶりの投稿となりますが、相変わらずエンジニアとして開発ライフを送っております。

最近はフロントエンドの開発に携わることが多く、多くの現場でコミット前にeslintでコードチェックをhuskyで行っているのでその方法を紹介します。

手順

必要なパッケージのインストール

  • husky
  • lint-staged
  • eslint

huskyの設定ファイルを作成

これで<project_root>/.husky/pre-commitが生成される

package.jsonを編集

以上。

試す

eslintに引っかかる記述のままpre-commitをするとこうなる

参照

husky :

lint-staged: https://github.com/okonet/lint-staged

-フロントサイド

© 2024 Shiro's secret base