webpack的js语法检查配置

webpack的js语法检查配置

1.在package.json所在目录下下载相关文件

npm install eslint-loader eslint eslint-config-airbnb-base eslint-plugin-import --save-dev

2.在package.json中配置文件

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

3.在webpack中配置

{test:/\.js$/,exclude:/node_modules/,loader:'eslint-loader',options:{fix:true}},

配置解析如下：

注意：

当运行webpack命令时可能会出现警告，原因是index.js中有console代码，它是eslint不期望输出的代码，要想消除警告，只需在console代码上面加上一行//eslint-disable-next-line

实例如下：