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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ESLint 配置 ESlint 被设计为完全可配置的,这意味着你可以关闭每一个规则而只运行基本语法验证,或混合和...
    静默虚空阅读 41,584评论 3 14
  • 一、JSLint JSHint ESLint 参考前端工具考 - ESLint 篇JS Linter 进化史 C ...
    合肥黑阅读 76,835评论 0 47
  • ESLint 简介 ESLint是一个开源的JavaScript代码检查工具,其作者是大名鼎鼎的“红宝书”《Jav...
    AndyChen阅读 6,481评论 1 3
  • 两个月之前在项目中就开始使用 Eslint ,当时直接 copy 别人的 .eslintrc.js 文件,感觉好复...
    dkvirus阅读 112,230评论 33 190
  • 4月4日 星期三 阴 今上午宝爸走进课堂和宝贝们一起庆清明主题活动,我在家也一直关注着群里发...
    程文颖阅读 144评论 0 1