eslint之git提交之前進行ESLint的檢測

這篇隨筆用來記錄如何在git提交之前使用eslint來校驗一下代碼，如果校驗沒有通過則不進行提交。

這里需要用到插件：pre-commit

1.pre-commit 

（1）安裝

yarn add -D pre-commit 

（2）在packages.json中配置

{
  "name": "11",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "lint": "eslint src"
  },
  "devDependencies": {
    "eslint": "^7.20.0",
    "pre-commit": "^1.2.2"
  },
  "pre-commit": [
    "lint" ]
}

 說明：

• scripts中的lint命令是用來校驗當前項目中的規范
• “pre-commit”這個數組中的元素"lint"表示每次git commit 之前都會執行這個命令，如果校驗沒有通過，則不會提交

示例：

初始化了git的項目中：

 

 有一個js文件，而eslint的規則中有兩條：強制單引號和不要語句結尾的分號。這個JS文件都沖突了，此時我們提交一下：

 

 可以看到，commit以后，爆出了eslint的規則錯誤，且並沒有提交成功。此時我們將esling的錯誤全部修改掉，然后再提交一次：

 

 可以看到此時已經通過了校驗，且正常提交了

2.husky