相关代码

注意，本文使用的 ESlint 版本是 7.32.0。

一、ESlint

ESlint 是用来扫描我们所写的代码是否符合规范的工具。往往我们的项目是多人协作开发的，我们期望统一的代码规范，这时候可以让 ESlint 来对我们进行约束。

npm install eslint@7.32.0 --save-dev

配置 ESlint，只需要在根目录下添加一个 .eslintrc 文件（或者 .eslintrc.json、.eslintrc.js 等），也可以使用 eslint 工具来自动生成它。

npx eslint --init

这里对 ESlint 不做过多介绍。

二、在 Webpack 中使用 ESlint

npm install eslint-loader -D

module.exports = {
    module: {
        rules: [
            {
                test: /\.js$/,
                use: ['eslint-loader']
            }
        ]
    },
}

此时再打包代码，如果代码有不符合 ESlint 规范的地方，会在命令行报错。