当前位置: 首页 > 工具软件 > pre-commit > 使用案例 >

vite之pre-commit触发机制

李华茂
2023-12-01

在vite框架中,eslint想要通过git-hokks的生命周期pre-commit来限制不规范的代码提交

一般在项目.git下会有一个hooks文件,里面会有一个pre-commit文件,我们的项目脚手架一般会自己内部集成的有yorkienpm依赖,所以只需要再安装lint-staged,在package.json里面配置即可

{
  "gitHooks": {
    "pre-commit": "lint-staged"
  },
  "lint-staged": {
    "src/*.{js,jsx,vue}": [
      "vue-cli-service lint",
      "git add"
    ]
  }
}

但是在vite的框架中,这样确实不行的,首先没有yorkie依赖项,即时你安装了也会直接报错,所以我们只能换个办法,采用husky来统一管理git hooks

npm install husky --save-dev

package.json中添加husky install

{
  "scripts": {
  	"prepare": "husky install"
  }
}

依次执行:

npm run prepare
npx husky add .husky/pre-commit "npm test"
git add .husky/pre-commit

最后会在根目录下会生成对应的目录,需要手动把npm test修改成自己的代码检命令即可
.husky/pre-commit

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

npm run lint
git add .

 类似资料: