配置eslint检查js语法

Posted 2021-09-24 Liane

eslint是一个开源的js代码检查工具，在实际生产中帮助团队的编码风格达到一致。
eslint其实与webpack没有任何关系，两者并不互相依赖。
语法检查使用eslint-loader,并基于eslint包。
检查规范一般使用‘airbnb’的js规则库来检查代码，需要下载eslint-config-airbnb-base和eslint-plugin-import两个包
1、安装

npm i eslint-loader eslint eslint-config-airbnb-base eslint-plugin-import -D

2、配置
a、配置package.json文件，增加如下代码

"eslintConfig":{
    "extends": "airbnb-base"
}

b、配置webpack.config.js文件

module: {
    rules: [
        {
            test: /\\.js$/,
            exclude: /node-modules/,/*排除依赖包中的js*/
            loader: \'eslint-loader\',
            options: {
                fix: true  /*开启自动修复*/
            }
        }
    ]
}