Pre Commit Config for Frontend

· · ─ ·✶· ─ · ·

Install husky

npm install --save-dev husky lint-staged

Then run

npx husky init

Then add to package.json

"lint-staged": {
  "*.{js,css,html}": [
    "prettier --write",
    "eslint --fix"
  ]
}

---

After we run npx husky init

.husky/
    pre-commit

Edit .husky/pre-commit to:

npx lint-staged

Now the flow becomes:

git commit
   ↓
husky runs
   ↓
lint-staged checks ONLY staged files
   ↓
prettier formats
   ↓
eslint fixes issues
   ↓
commit proceeds

· · ─ ·✶· ─ · ·