🔧 開発環境をアップデート

Author: yama-dev

package.json

@@ -1,6 +1,6 @@
 {
   "name": "js-scroll-effect-module",
-  "version": "0.13.3",
+  "version": "0.13.5",
   "description": "Add effect at scroll.",
   "keywords": [
     "scroll",
@@ -40,8 +40,8 @@
     "@babel/register": "^7.14.5",
     "babel-loader": "^8.2.2",
     "browser-sync": "^2.27.5",
-    "eslint": "^7.32.0",
-    "eslint-loader": "^2.1.1",
+    "eslint": "^8.57.0",
+    "eslint-webpack-plugin": "^4.1.0",
     "mocha": "^9.0.3",
     "npm-run-all": "^4.1.5",
     "webpack": "^5.48.0",

webpack.config.js

@@ -8,6 +8,7 @@ if(!env) process.exit(1);
 
 const webpack = require('webpack');
 const TerserPlugin = require('terser-webpack-plugin');
+const ESLintPlugin = require('eslint-webpack-plugin');
 
 const webpackPlugEnv = new webpack.EnvironmentPlugin({
   DEBUG: false,
@@ -28,12 +29,6 @@ const config = {
   },
   module: {
     rules: [
-      {
-        enforce: 'pre',
-        test: /\.(js)$/,
-        exclude: /node_modules/,
-        loader: 'eslint-loader',
-      },
       {
         test: /\.js$/,
         exclude: /node_modules[///](?!(@yama-dev)\/).*/,
@@ -56,6 +51,11 @@ const config = {
   target: ['web', 'es5'],
   plugins: [
     webpackPlugEnv,
+    new ESLintPlugin({
+      cache: true,
+      extensions: ['js'],
+      fix: false,
+    }),
   ],
   optimization: {
     minimizer: [