pre-commit 提交检查代码 检查暂存区

前提条件配置好自己的eslint 安装依赖并且可通过npm run eslint 可以执行错误检查

"scripts": {
    "eslint": "eslint --fix \"src/pages/**/*.js\"",
}

提交的时候检查代码  搭配钩子 安装依赖 npm install

npm install --save-dev lint-staged husky pre-commit

生成钩子文件 npm run prepare

//　package 配置命令
"scripts": {
    "eslint": "eslint --fix \"src/pages/**/*.js\"",
    "prepare":"husky install"
},
// 执行
npm run prepare

npm run prepare

该命令会在src同级目录下创建.husky/目录并指定该目录为git hooks所在的目录。

 5.添加pre-commit脚本 提交代码是会执行该脚本

npx husky add .husky/pre-commit "npm run eslint"

该命令生成文件pre-commit脚本

 当提交文件的时候 会执行 pre-commit

npm run eslit 是全局检查，因为各种原因我们只需要对我们提交的代码进行检查

就需要使用到 lint-staged 是一个在git暂存文件上运行linters的工具

它的解决方案就是只检查本次提交所修改(指 git 暂存区[5]里的东西)的问题 

如果没有安装依赖 先安装 lint-staged 

npm install --save-dev lint-staged 

修改pre-commit 脚本文件

 配置package.json  "precommit": "lint-staged"

 
"scripts": {
    "eslint": "eslint --fix \"src/pages/**/*.js\"",
    "prepare":"husky install",
    "precommit": "lint-staged"
},

如果要对提交的文件类型进行限制 还需要配置 

例如：

"lint-staged": {
    "*.js": ["eslint --fix", "git add"]
}