Webpack学习：Eslint介绍-代码格式检查

Eslint：

可组装的 JavaScript 和 JSX（react语法） 检查工具。

=========用来检测 js 和 jsx 语法的工具，可以配置各项功能

我们使用 Eslint，关键是写 Eslint 配置文件，里面写上各种 rules 规则，将来运行 Eslint 时就会以写的规则对代码进行检查

配置文件的命名：

.eslintrc.*：新建文件，位于项目根目录

1. .eslintrc

2. .eslintrc.js

3. .eslintrc.json

区别在于配置格式不一样

package.json 中 eslintConfig：不需要创建文件，在原有文件基础上写

ESLint 会查找和自动读取它们，所以以上配置文件只需要存在一个即可

.eslintrc.js 配置文件为例

module.exports ={
    // 解析选项
    parserOptions:{},
    // 具体检查规则
    rules:{},
    // 继承其他规则
    extends:[],// ...
    // 其他规则详见：https://eslint.bootcss.com/docs/user-guide/configuring};

1. parserOptions 解析选项

parserOptions: {
  ecmaVersion: 6, // ES 语法版本
  sourceType: "module", // ES 模块化
  ecmaFeatures: { // ES 其他特性
    jsx: true // 如果是 React 项目，就需要开启 jsx 语法
  }
}

2. rules 具体规则

• "off" 或 0 - 关闭规则

• "warn" 或 1 - 开启规则，使用警告级别的错误：warn (不会导致程序退出)

• "error" 或 2 - 开启规则，使用错误级别的错误：error (当被触发的时候，程序会退出)

https://www.npmjs.com/package/jsonwebtoken具体的规则

3. extends 继承

开发中一点点写 rules 规则太费劲了，所以有更好的办法，继承现有的规则。