配置eslint检查js语法

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  /*开启自动修复*/
            }
        }
    ]
}

你可能感兴趣的:(配置eslint检查js语法)