feat!: upgrade to css-minimizer-webpack-plugin v2 (#6420)

Author: haoqunjiang

packages/@vue/cli-plugin-webpack-4/index.js

@@ -134,6 +134,17 @@ module.exports = (api, rootOptions) => {
           })
       )
 
+      if (shouldExtract) {
+        const CssMinimizerPluginV1 = require('css-minimizer-webpack-plugin')
+        config.optimization.minimizer('css').init(
+          (Plugin, [cssMinimizerOptions]) =>
+            new CssMinimizerPluginV1({
+              sourceMap: rootOptions.productionSourceMap,
+              ...cssMinimizerOptions
+            })
+        )
+      }
+
       // DeterministicModuleIdsPlugin is only available in webpack 5
       // (and enabled by default in production mode).
 

packages/@vue/cli-plugin-webpack-4/package.json

@@ -25,6 +25,7 @@
   "dependencies": {
     "@vue/cli-shared-utils": "^5.0.0-alpha.8",
     "copy-webpack-plugin": "^6.4.1",
+    "css-minimizer-webpack-plugin": "^1.2.0",
     "hash-sum": "^2.0.0",
     "html-webpack-plugin": "^4.5.1",
     "module-alias": "^2.2.2",

packages/@vue/cli-service/lib/config/css.js

@@ -227,7 +227,6 @@ module.exports = (api, rootOptions) => {
         .minimizer('css')
           .use(require('css-minimizer-webpack-plugin'), [{
             parallel: rootOptions.parallel,
-            sourceMap: rootOptions.productionSourceMap && sourceMap,
             minimizerOptions: cssnanoOptions
           }])
     }

packages/@vue/cli-service/package.json

@@ -46,8 +46,8 @@
     "cliui": "^7.0.4",
     "copy-webpack-plugin": "^8.0.0",
     "css-loader": "^5.1.1",
-    "css-minimizer-webpack-plugin": "^1.2.0",
-    "cssnano": "^5.0.0-rc.1",
+    "css-minimizer-webpack-plugin": "^2.0.0",
+    "cssnano": "^5.0.0",
     "debug": "^4.1.1",
     "default-gateway": "^6.0.3",
     "dotenv": "^8.2.0",