HRBrain Advent Calendar 2023 25日目の記事です。 はじめに こんにちは。@yug1224(Yuji Yamaguchi)です。 これまで、pre-commit/pre-push時のLint実行にhusky+lint-stagedを使っていましたが、Monorepo環境だと設定が少し複雑になってしまうので、Lefthookを試してみることにしました。 Lefthookとは The fastest polyglot Git hooks manager out there A Git hooks manager for Node.js, Ruby and many other types of projects. Fast. It is written in Go. Can run commands in parallel. Powerful. It allows
本記事では husky を導入し、コミットする前にステージングしたファイルに対して、Lint 系を実行し、コードの品質を保つようにします。またコミット前に、全体テストも実行。成果物は以下の通りです。
Git でコミットする前に Prettier や ESLint を動かす方法を探すと、Husky (v4) + lint-staged の組み合わせがヒットする。 2021/02/26 時点では Husky が v5 になっていて、package.json に hook を記述するのではなく、.husky ディレクトリの hook ファイル (pre-commit など) にスクリプトを定義するやり方に変わっていたのでまとめておく。 What's new in husky 5 - DEV Community それぞれのツールについて整理すると、Husky は Git の hook を管理するツール。lint-staged は Git に stage されているファイル (コミット対象のファイル) に指定したスクリプトを実行するツール。コミット対象のファイルにのみ Lint などのスクリプト
GitHub - azu/githook-lint-staged-example: Git 2.9+(`core.hooksPath`) + Lint Staged without extra dependencies.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
create-react-app Lint構築よくばりパック(ESLint + TypeScript + airbnb + Prettier + lint-staged & husky + VSCode拡張) - Qiita
create-react-app はデフォルトでESLintおよび独自ルールが組み込まれており、何もしなくてもLintの恩恵を受けられる。しかし、そうであってもカスタマイズしたくなるのがエンジニアの悲しき性。多くの人がカスタマイズに手をだすことだろう。 本記事ではcreate-react-app 環境におけるLint構築で話題によく上がる、「ESLint + TypeScript + airbnb + Prettier + lint-staged & husky + VSCode拡張」の全てを一気に導入するための手順を記載する。 2020年5月現在でLint環境としてまず導入したい全てのものを、可能な限りその出典(主に各パッケージの公式ドキュメント)も含めて抑えてあるつもりだ。またチュートリアル形式で全手順を記載しているため初心者にも安心。ぜひ役立てていただきたい。 (といいつつそもそもの
huskyとlint-stagedを組み合わせて、git commit直前でlinter、prettierを走らせてますが、huskyがv7になってから導入方法が変わった模様。 huskyとlint-stagedのそれぞれの特徴とかも含めて備忘録として残しとく。 huskyとlint-staged husky自体はGit Hooksを管理していて、コミットやプッシュなどのアクションが発生した時に特定のスクリプトを実行できます。 git initした際にそのディレクトリ内に.gitディレクトリが作成されるが、辿っていくと.git/hooks/pre-commit.sampleという構成になっており、hooks内のものが対象のアクションになります。 lint-stagedはGitのステージに移動したファイル(git addしたファイル)を対象として、lintやprettierを実行することがで
はじめに コミット前にlint系のチェックをしたいケースってあると思います。特にチーム開発とかの場合、全員がlintをちゃんと実行してほしいとかあるかと。そういったときのためにコミットのタイミングでlint系のコマンドを実行するための仕組みとしてhuskyとlint-stagedを組み合わせたものが定番かと思います。 新しいプロジェクトのリポジトリを作るたびにこの組み合わせのセットアップを行うのですが、毎回ググりながらやるのでいい加減に面倒になって自分用のメモを残しておきます。 huskyとlint-stagedそのものについては大雑把に説明すると、huskyがコミット前に何らかの処理を実行するためのツール、lint-stagedがGitでステージにあるファイルに対してlintを実行するためのツールです。 インストール yarn add husky lint-staged -D lint-
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
husky + lint-stagedの支配から解放されるLefthookという選択肢 - Qiita
husky v6 のインストール方法と使い方。lint-staged も導入して、品質を保とう | fwywd（フュード）powered by キカガク
Husky (v5) と lint-staged を使ってコミットする前に Prettier を実行する - 暇人じゃない
huskyとlint-stagedでいい感じにコードを整える備忘録
huskyとlint-stagedでコミット前に確実にLintを実行していく - Sweet Escape