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