跳到主要内容

配置

2023年02月24日
柏拉文
越努力，越幸运

安装好husky之后，还需要对husky进行配置。不同版本的husky配置方法有些不同，

一、4.3.8 版本​

首先，我们需要先安装配置好ESLint或Stylelint，并且在package.json中加入以下代码。

"husky": {
  "hooks": {
    "pre-commit": "eslint src/**/*.{js,jsx,ts,tsx}",
  }
 }

接着，当我们执行git commit时，就会触发pre-commit钩子，并且执行对应命令，这里将会指定目录下的文件进行ESLint检查，如果ESLint检查不通过，是无法进行commit的。 如果ESLint检查通过，就可以正常进行commit。

在安装并配置好husky之后，如果发现在commit时不能触发pre-commit，可以试着重新安装husky，并且重启VSCode。

二、6.x.x 版本​

2.1 命令​

package.json新增命令行"postinstall": "husky install"

"scripts": {
    "start": "vite",
    "tsc": "tsc --noEmit",
    "build": "tsc && vite build",
    "lint-staged": "lint-staged",
    "postinstall": "husky install",
    "prettier": "prettier --write src/**/*.{ts,tsx}",
    "stylelint-fix": "stylelint src/**/*.scss --fix",
    "eslint-fix": "eslint src --ext .jsx,.js,.ts,.tsx --fix",
    "commitlint": "commitlint --config commitlint.config.js -e -V"
},

编辑好命令行之后,需要执一次执行以下命令:

  1. 执行yarn postinstall命令,启动husky

  2. 执行npx husky add .husky/pre-commit "npm run lint-staged" 添加pre-commit钩子

  3. 执行npx husky add .husky/commit-msg "npm run commitlint" 添加commit-msg钩子