首页/开发/代码质量与评审速查/husky + lint-staged:前端提交守卫
规范与静态检查65 条

husky + lint-staged:前端提交守卫

husky 管理 git 钩子,lint-staged 只对暂存文件跑检查:两者组合是前端仓库的常见提交守卫,控制提交耗时。

husky管理 git hooks(如 .husky/pre-commit)
lint-staged只处理暂存文件,控制耗时

lint-staged 配置(package.json)

lint-staged 配置(package.json)
{
  "lint-staged": {
    "*.{js,ts}": ["eslint --fix", "prettier --write"],
    "*.md": ["prettier --write"]
  }
}
只处理暂存文件是关键:全量 lint 在大型仓库会明显拖慢提交。

易错点

  • 钩子里跑全量检查:提交动辄几十秒,开发者开始绕钩子
  • 本地钩子规则与 CI 不一致:两边结果互相矛盾

数据来源与参考

  • husky 文档(typicode.github.io/husky)
  • lint-staged 文档(github.com/lint-staged/lint-staged)
​‌‌​​‌​​​‌‌​‌‌‌‌​‌‌​​​‌‌​‌‌‌​​‌‌​​‌​‌‌‌​​‌‌‌​​​‌​‌‌​‌​​‌​‌‌‌​​​‌​‌‌​‌​​‌​‌‌​​​‌‌​‌‌‌​‌​​​‌‌​‌‌‌‌​​‌​‌‌‌​​‌‌​​​‌‌​‌‌​‌‌‌‌​‌‌​‌‌​‌