webpack4 eslint配置

需要安装的:
eslint
eslint-loader
eslint-plugin-html 该插件用于检查在写在 script 标签中的代码
eslint-friendly-formatter 规定报错时输入的信息格式

配置eslint
1. webpack config 中配置loader
2.根目录下创建 .eslintrc.js 文件, 书写eslint本身相关的配置即检查规则 或者 在package.json 中添加 eslintConfig中配置
Javascript Standard Style (https://standardjs.com) 此处是js一些书写规范的标准集合,根据该集合我们可以配置eslint帮助我们检查代码规范 或者
https://github.com/lin-123/javascript eslint-config-airbnb 翻译版

可参考https://blog.csdn.net/weixin_41559723/article/details/79129612

eslintrc.js 的配置,可以参考http://eslint.cn/docs/user-guide文档

eslint 配置项
root 限定配置文件的使用范围
parser 指定eslint的解析器
parserOptions 设置解析器选项
extends 指定eslint规范
plugins 引用第三方的插件
env 指定代码运行的宿主环境
rules 启用额外的规则或覆盖默认的规则
globals 声明在代码中的自定义全局变量
extends可以使用eslint官方推荐的,也可以使用第三方的,如:aribnb, google, standard。
使用第三方的airbnb
npm install eslint eslint-config-airbnb eslint-plugin-import eslint-plugin-react eslint-plugin-jsx-a11y babel-eslint --save-dev

你可能感兴趣的:(webpack4 eslint配置)