EsLint的基本使用

ESLint 是一个插件化的工具，用于识别和报告 JavaScript 代码中的错误以及潜在的代码问题。

首先，需要安装 eslint-webpack-plugin：

npm install eslint-webpack-plugin --save-dev

注意: 如果未安装 eslint >= 7 ，你还需先通过 npm 安装：

npm install eslint --save-dev

然后把插件添加到你的 webpack 配置。例如：

const ESLintPlugin = require('eslint-webpack-plugin');

module.exports = {
  // ...
  plugins: [new ESLintPlugin(
    {
      //检查哪些文件：
      context: path.resolve(__dirname, "src")
    }
)],
  // ...
};

 ESLint 可以通过一个命令来帮助你初始化配置文件

npx eslint --init

我们也可以手动配置

ESLint 支持多种配置文件格式，包括 .eslintrc.js、.eslintrc.json、.eslintrc.yml 等，并且可以在项目根目录、子目录或者 package.json 文件中定义。

在根目录文件夹下新建eslint配置文件 .eslintrc.js  代码如下：

module.exports = {
    //继承 Eslint 规则
    extends:["eslint:recommended"],
    env:{
        node:true,  //启用node中的全局变量
        browser:true,  //启用浏览器中的全局变量
    },
    parserOptions:{
        ecmaVersion:6,
        sourceType:'module'
    },
    rules:{
        "no-var":2,  //不能使用var定义变量
    }
}

根据以上代码的规则，如果在src目录下的js文件中，有使用var来定义变量，那么eslint就会给代码报错。 

使用 ESLint 检查代码，你也可以在命令行中运行：

npx eslint yourfile.js

将 ESLint 集成到你的构建流程中，比如在 npm 脚本中：

{
  "scripts": {
    "lint": "eslint yourfile.js"
  }
}