后面讲了,wepack一些相干的常识,这里集成一下eslint的相干配置。
首先装置对应模块:

  • 装置eslint模块
  • 装置eslint-loader模块
  • 初始化 .eslintrc.js文件配置

装置实现后先初始化配置:
yarn eslint --init
而后答复一些问题:
1.咱们抉择查看语法,发现问题,执行对立代码格调
2.模块化这里咱们应用javascript modules(es6语法)
3.咱们目前假如说配置的是个react我的项目,选react
4.咱们这里应用ts,选yes(应用ts的时候要先把ts装置下来,不然后续操作会报错)
5.最终我专门这个工程运行时浏览器Browser
6.咱们应用市面上支流格调 抉择了第一个 (应用了开源社区的标准Standard: https://github.com/standard/s...)
7.配置文件应用了js格局
8.最初主动装置一些其余的包
最初配置文件js

如果有一些全局要用的货色能够增加,例如jQuery
globals:{

"jQuery":"readonly"

}

eslint配置正文
http://eslint.cn/docs/user-gu...

webpack 中loader配置

而后就是eslint联合git hooks钩子在提交之前检测代码
应用husky
首先进行装置

npm install husky --save-dev

而后对应package.json配置

husky属性配置 pre-commit 这个git钩子阶段,来进行咱们的npm run test来进行查看
而后 npm scripts里对应增加test命令,

test:"eslint . src/"

咱们检测src目录下的所有文件.

咱们能够手动在增加一个修复命令用来手动执行

test:"eslint --fix . src/"

也能够git commit时主动格式化而后再add回来:
首先装置

npm install -D lint-staged

而后配置package.json,
通过procommit调起lint-staged

{  "scripts": {    "precommit": "lint-staged"  },  "lint-staged": {    "src/**/*.js": ["eslint --fix" , "git add"]  },  "husky":{    "hooks":{        "pre-commit":"npm run precommit"    }  }}

这样就能在commit之前,先用eslint修复在git add了。

如果想和Prettier配合起来一起应用的话请参考如下:
Prettier介绍与根本用法