Replace deprecated eslint-loader with eslint-webpack-plugin

Author: Oblosys

package-lock.json

@@ -69,12 +69,12 @@
     "enzyme-adapter-react-16": "^1.15.3",
     "eslint": "^7.6.0",
     "eslint-config-airbnb": "^18.2.0",
-    "eslint-loader": "^4.0.2",
     "eslint-plugin-import": "^2.22.0",
     "eslint-plugin-jest": "^24.0.1",
     "eslint-plugin-jsx-a11y": "^6.3.1",
     "eslint-plugin-react": "^7.20.6",
     "eslint-plugin-react-hooks": "^4.0.8",
+    "eslint-webpack-plugin": "^2.4.1",
     "husky": "^4.2.5",
     "jest": "^26.4.0",
     "jest-css-modules": "^2.1.0",

package.json

@@ -1,4 +1,5 @@
 const path = require('path');
+const ESLintPlugin = require('eslint-webpack-plugin');
 
 const devServerPort = 8000;
 
@@ -16,6 +17,7 @@ module.exports = {
     },
     extensions: ['.js', '.jsx']
   },
+  plugins: [new ESLintPlugin({ emitWarning: true })],
   module: {
     rules: [{
       test: /\.(js|jsx)$/,
@@ -29,11 +31,6 @@ module.exports = {
             'react-hot-loader/babel'
           ]
         }
-      }, {
-        loader: 'eslint-loader',
-        options: {
-          emitWarning: true
-        }
       }],
       exclude: /node_modules/
     }, {