前端开启husky - commit之前做eslint检查

项目里配置了简单的eslint,在打包之前也会先做校验,如果eslint不通过打包过不了,那么

为了防止。。。。就价格husky

而且明确一下:Husky是一个Git钩子工具,只在开发阶段使用,用于在提交或推送时运行脚本。它应该只在开发依赖中安装,不会包含在生产代码中,因此不会影响打包体积。

 安装 husky 并自动创建钩子目录
npx husky-init && npm install

注意了!这时候会自动生成 .husky文件夹,并且会自动生成一些文件!

 自己修改一下pre-commit的内容就可以了

#!/usr/bin/env sh
. "$(dirname -- "$0")/_/husky.sh"

# 运行 ESLint 校验(校验所有文件)
# npm run lint

# 只校验暂存区的文件
npx lint-staged
(确保package.json里有lint这个命令)
如果是需要只查暂存区,还需再安装 lint-staged
并且在package.json里加入
{
  "lint-staged": {
    "*.{js,jsx,ts,tsx}": ["eslint --fix --max-warnings=0"]
  }
}

这样,基本完成

那么下次commit的时候就可以先校验再路过了

 

但是!!!实测中如果用命令行那还好,如果用github desktop。手感非常狗屎。。。。。。。

尤其是我喜欢写一部分交一部分,最后再spuash的,更狗屎。。。。

但是安装流程反正是这样。

posted @ 2025-04-22 11:26  send/me/a/cat  阅读(24)  评论(0)    收藏  举报