前端工程配置提交前格式化

一、安装依赖

yarn add husky lint-staged prettier pretty-quick --dev

二、执行Husky

1. 创建一个.husky目录, 此时目录下会有一个pre-commit文件

npx husky init

1. 修改pre-commit文件

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

# npm test
npx lint-staged

三、配置package.json

"scripts": {
  "prepare": "husky",
  "prettier": "pretty-quick --staged",
  "eslint:fix": "eslint --fix --cache --ext .js,.jsx --format=pretty ./src"
},
"husky": {
  "hooks": {
    "pre-commit": "lint-staged"
  }
},
"lint-staged": {
  "src/**/*.{js, jsx}": "npm run eslint:fix",
  "src/**/*": "npm run prettier"
}