在vite框架中,eslint想要通过git-hokks
的生命周期pre-commit
来限制不规范的代码提交
一般在项目.git下会有一个hooks文件,里面会有一个pre-commit
文件,我们的项目脚手架一般会自己内部集成的有yorkie
npm依赖,所以只需要再安装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 .