mpvue + pre-commit

小程序, mpvue. 脚手架里有配置eslint. 为了保证前端代码质量, 决定再配置 pre-commit. (如果代码检测到出错, 不能提交到git上)
我们需要借助工具库 husky 和 lint-staged, 他们要配合起来使用达到这个目的.

步骤如下:
1.安装husky

npm i husky -D

2.安装list-staged

npm i lint-staged husky -D

3.在package.json里面配置.

  "scripts": {
    "lint": "eslint --ext .js,.vue src",
    "precommit": "lint-staged"
  },
  "lint-staged": {
    "**/*.js": "eslint --ext .js",
    "**/*.vue": "eslint --ext .vue"
  },

lint-staged里的意思就是: 用eslint检查js文件和vue文件.

配置好了, 测试一下:
在某个js文件里故意不遵循eslint的规则.

image.png

红色波浪线就是估计留白的地方.

这时候 执行git commit：　

image.png image.png

成功啦.