.eslintrc.js 配置

/**
* 配置文件是可以有层次结构的 可以继承的
* 进行代码需要首先把源代码转化为抽象语法树（后面会有在的篇幅讲AST 和 babel）
*/

module.exports = {
   root:true,//根配置文件
   extends:'airbnb', // 启用extends 继承，继承自 airbnb，需要把上面 root注释掉
   parser:'babel-eslint',
   parserOptions:{
       sourceType:'module',
       ecmaVersion:2015
   },
   env:{
       browser:true, // window.a
       node:true
   },
   //启用的代码检查规则和各自的错误级别
   //先进行代码检查，如果发现不正确，会尝试修复，如果修复成功，继续执行
   rules:{
       "indent":["erroe",2],//缩进风格，关闭为false
       "quotes":"off",//引号的类型
       "no-console":"off" //禁止使用console.log
   }
}

aribnb 是规则的集合，最终都是eslint用

1、我们还可以在VScode安装 eslint插件搭配使用，配置自动修复

vscode可以自动生成settings.js文件

配置自动修复

 

2、关于换行符的问题解决

 打开webpack的eslint配置，关掉换行符

 3、webpack读eslint包，eslint包读取配置文件