ESLint配置

1、webpack.config.js配置

安装eslint、eslint-webpack-plugin

const ESLintPlugin = require("eslint-webpack-plugin");
const resolve = (dir) => path.resolve(__dirname, dir);

module.exports = {
    //其他配置信息
    ...,
    plugins:[
        new ESLintPlugin({
          //配置哪些文件需要做eslint检查
          context: resolve("src"),
        }),
    ]
}

2、配置.eslint.js文件，在文件的第一层

配置规则参考

module.exports = {
    //继承eslint默认配置
    extends:["eslint:recommended"],

    // 需要忽略的文件
    ignorePatterns:["dist"],

    env:{
       node:true,//启用node中的全局变量
       browser:true,// 启用浏览器中的全局变量 
    },

    parserOptions:{
        ecmaVersion:6,// 指定es的版本
        sourceType:"module",// JavaScript 源代码的类型
    },

    rules:{
        "no-var":2,// 禁止使用var声明变量
    }
}