fix: fix css url

Author: yibn2008

lib/index.js

@@ -9,9 +9,7 @@ const path = require('path')
 const { RawSource } = require('webpack-sources')
 const loaderUtils = require('loader-utils')
 const cssReplace = require('./css-replace')
-const webpack = require('webpack')
 
-const webpackMajorVersion = Number(webpack.version.split('.')[0])
 const isCSS = (name) => /\.css$/.test(name)
 // const strip = (str) => str.replace(/\/$/, '')
 
@@ -64,30 +62,30 @@ class CssUrlRelativePlugin {
     done()
   }
 
-  applyCompilation (compilation) {
-    // webpack version <= 4
-    if (webpackMajorVersion <= 4) {
-      compilation.hooks.optimizeChunkAssets.tapAsync(this.plugin, (chunks, done) => {
-        this.fixCssUrl(compilation, chunks, done)
-      })
-      return
-    }
-
-    // webpack verion = 5
-    compilation.hooks.processAssets.tapAsync(
-      {
-        ...this.plugin,
-        stage: compilation.PROCESS_ASSETS_STAGE_SUMMARIZE
-      },
-      (compilationAssets, done) => {
-        this.fixCssUrl(compilation, compilation.chunks, done)
-      }
-    )
-  }
-
   apply (compiler) {
     // use compilation instead of this-compilation, just like other plugins do
-    compiler.hooks.compilation.tap(this.plugin, this.applyCompilation.bind(this))
+    compiler.hooks.compilation.tap(this.plugin, (compilation) => {
+      // webpack5 新加的 hook
+      const isWebpack5 = compilation.hooks.processAssets !== undefined
+      // webpack version <= 4
+      if (!isWebpack5) {
+        compilation.hooks.optimizeChunkAssets.tapAsync(this.plugin, (chunks, done) => {
+          this.fixCssUrl(compilation, chunks, done)
+        })
+        return
+      }
+
+      // webpack verion = 5
+      compilation.hooks.processAssets.tapAsync(
+        {
+          ...this.plugin,
+          stage: compilation.PROCESS_ASSETS_STAGE_SUMMARIZE
+        },
+        (compilationAssets, done) => {
+          this.fixCssUrl(compilation, compilation.chunks, done)
+        }
+      )
+    })
   }
 }