eslint + pre-commit检测代码

旧城等待， 2022-01-13 09:07 382阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

良好的代码规范有助于项目的维护和新人的快速上手。前段时间，把eslint引入了项目中做静态代码检查。 一下把所有的代码都改造是不可能，要改的地方太多，而且要保证后来提交代码的质量。于是有了eslint + pre-commit 的结合。  
　　pre-commit是git的钩子，顾名思义就是在提交前运行，所以一般用于代码检查、单元测试。git还有其他钩子，比如prepare-commit-msg、pre-push等，具体可查看[git官网][git]。git 钩子目录在.git/hooks下（如下图）：

git-hooks.png

上图这些文件都是对应钩子的示例脚本，.sample后缀都是出于未启动状态。对应的钩子要生效，把.sample去掉。示例都是用shell脚本写的。那如果想用js写怎么办呢？需要借助[pre-commit库][pre-commit]：

1.  安装pre-commit

npm install pre-commit --save-dev

1.  配置package.json

*  执行静态文件检查

// package.json
    "scripts": {
        "lint": "eslint src --ext .js --cache --fix",
      },
      "pre-commit": [
        "lint",
      ]

上面配置会保证eslint在提交时会校验src目录下的js文件。  
那如果要动态获取提交的代码进行校验呢？

*  校验提交代码

// 获取修改后的js文件
    git diff HEAD --name-only| grep .js$

package.json文件可改为：

// package.json
    "scripts": {
         "lint": "eslint src --ext .js --cache --fix",
         "pre-lint": "node check.js"
    },
    "pre-commit": [
         "pre-lint",
    ]

在check.js中需要调用eslint的Node.js API，详情可看[eslint官网][eslint]。以下是我在项目中的例子，可作为参考：

// check.js
    const exec = require('child_process').exec
    const CLIEngine = require('eslint').CLIEngine
    const cli = new CLIEngine({})
    function getErrorLevel(number) {
           switch (number) {
              case 2:
                return 'error'
              case 1:
                return 'warn'
             default:
           }
           return 'undefined'
    }
    let pass = 0
    exec('git diff --cached --name-only| grep .js$', (error, stdout) => {
        if (stdout.length) {
            const array = stdout.split('\n')
            array.pop()
            const results = cli.executeOnFiles(array).results
            let errorCount = 0
            let warningCount = 0
            results.forEach((result) => {
                errorCount += result.errorCount
                warningCount += result.warningCount
                if (result.messages.length > 0) {
                    console.log('\n')
                    console.log(result.filePath)
                    result.messages.forEach((obj) => {
                        const level = getErrorLevel(obj.severity)
                        console.log(`   ${obj.line}:${obj.column}  ${level}  ${obj.message}  ${obj.ruleId}`)
                        pass = 1
                    })
                }
            })
            if (warningCount > 0 || errorCount > 0) {
                console.log(`\n   ${errorCount + warningCount} problems (${errorCount} ${'errors'} ${warningCount} warnings)`)
            }
            process.exit(pass)
        }
        if (error !== null) {
            console.log(`exec error: ${error}`)
        }
    })

作者：du\_4c0c  
链接：https://www.jianshu.com/p/072a96633479  
来源：简书  
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

转载于:https://my.oschina.net/u/4000302/blog/3033462

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220113/035794fd205a4a1896126be8643f4c74.png
[git]: https://link.jianshu.com?t=https://git-scm.com/book/en/v2/Customizing-Git-Git-Hooks
[pre-commit]: https://link.jianshu.com?t=https://github.com/observing/pre-commit
[eslint]: https://link.jianshu.com?t=http://eslint.org/docs/developer-guide/nodejs-api