webpack 之 配置eslint 语法检查

1.安装依赖包

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

2.在loader中进行配置

/*
eslint语法检查：eslint-loader selint
注意：只检查自己的js代码，第三方的库是不用检查的
设置检查规则：
packag.json中eslintConfig中设置~
   "eslintConfig":{
       "extends":"airbnb-base"
    }
aribnb --> eslint-config-airbnb-base eslint-plugin-import eslint
*/
{
   test:/\.js$/,
   exclude:/node_modules/,
   loader: 'eslint-loader',
   options:{
      fix:true//eslint自动修复格式错误
   }
}

 

3.在package.json中配置eslintConfig

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

4.如果配置完成后，打包时出现Resolve error: unable to load resolver "node" src\main.js:1:1 错误，请安装下面的依赖后再打包

npm install eslint-import-resolver-node -D