Chore

Author: sndyuk

README.md

@@ -6,7 +6,7 @@
       src="https://raw.githubusercontent.com/webpack/media/master/logo/icon-square-big.png">
   </a>
   <h1>mangle-css-class-webpack-plugin</h1>
-  <p>Minifies and obfuscates the class names in JavaScript, CSS, and HTML. WORKS ONLY WITH WEBPACK 5!</p>
+  <p>Minifies and obfuscates the class names in JavaScript, CSS, and HTML.</p>
 </div>
 
 <h2 align="center">Install</h2>
@@ -19,6 +19,9 @@
   yarn add --dev mangle-css-class-webpack-plugin
 ```
 
+The latest version WORKS ONLY with Webpack 5. For Webpack v4 & v3 support, install version 4.x(mangle-css-class-webpack-plugin@4.0.12).
+
+
 <h2 align="center">Usage</h2>
 
 The plugin will generate optimized class name in HTML, JavaScript, and CSS files.

lib/plugin.js

@@ -14,25 +14,12 @@ class Plugin {
   }
 
   apply(compiler) {
-    if (compiler.hooks) {
-      compiler.hooks.compilation.tap(
-        'MangleCssClassPluginHooks',
-        (compilation) => {
-          if (compilation.hooks.processAssets) {
-            // setup hooks for webpack >= 5
-            compilation.hooks.processAssets.tapAsync('MangleCssClassPluginOptimizeChunkAssetsHooks', runner(compiler, compilation, this.opts));
-          } else {
-            // setup hooks for webpack >= 4
-            compilation.hooks.optimizeChunkAssets.tapAsync('MangleCssClassPluginOptimizeChunkAssetsHooks', runner(compiler, compilation, this.opts));
-          }
-        }
-      );
-    } else {
-      // setup hooks for webpack <= 3
-      compiler.plugin('compilation', (compilation) => {
-        compilation.plugin('optimize-chunk-assets', runner(compiler, compilation, this.opts));
-      });
-    }
+    compiler.hooks.compilation.tap(
+      'MangleCssClassPluginHooks',
+      (compilation) => {
+        compilation.hooks.processAssets.tapAsync('MangleCssClassPluginOptimizeChunkAssetsHooks', runner(compiler, compilation, this.opts));
+      }
+    );
   }
 }