javascript - lint-staged 未在预提交时运行

Question

prettier 未在预提交时运行。这在其他项目中使用相同的配置，所以我很困惑为什么这次不工作。

这是我的 package.json 文件的相关部分:

"scripts": {
    "precommit": "lint-staged"
  },
"lint-staged": {
  "*.{js,json,css,scss,html,md}": [
    "prettier --write",
    "git add"
  ]
},

编辑。以下是相关的 devDependencies:

"devDependencies": {
  "husky": "^0.14.3",
  "lint-staged": "^7.0.4",
  "prettier": "1.12.0"
},

Answer 1

2021 年

有时 husky 不会添加钩子(Hook)，因此您需要使用简单的 hack 添加它。

在安装 husky 的 V4 之后，您需要先卸载 husky，因为它确保您的钩子(Hook)已正确安装，然后再安装最新版本的 husky，这样您就可以得到最新动态。

NPM

npm uninstall husky

npm install -D husky@4

npm install -D husky

yarn

yarn remove husky

yarn add -D husky@4

yarn add -D husky

如果有时上面的技巧不起作用，那么让我们将钩子(Hook)添加到 husky 中，下面提到的方法仅在 V6 中使用，我正在用 展示 husky lint-staged 示例。

NPM

npm install -D husky

npm set-script prepare "husky install" && npm run prepare

npx husky add .husky/pre-commit "npx lint-staged"

git commit -m "added husky and lint-stagged" // here you will notice the lint-staged checking the files with help of husky

yarn

yarn add -D husky

npm set-script prepare "husky install" && yarn prepare

npx husky add .husky/pre-commit "yarn lint-staged"

git commit -m "added husky and lint-stagged" // here you will notice the lint-staged checking the files with help of husky