vite之pre-commit触发机制

在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 .

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

槿畔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值