feat!: bump css-loader and mini-css-extract-plugin versions (#6790)

Author: haoqunjiang

docs/migrations/migrate-from-v4.md

@@ -87,7 +87,7 @@ Say we are building a simple single-page app with the default setup, here are so
 
 The `css.requireModuleExtension` option is removed. If you do need to strip the `.module` part in CSS Module file names, please refer to [Working with CSS > CSS Modules](../guide/css.md#css-modules) for more guidance.
 
-`css-loader` is upgraded from v3 to v5, a few CSS Module related options have been renamed, along with other changes. See [full changelog](https://github.com/webpack-contrib/css-loader/blob/master/CHANGELOG.md) for additional details.
+`css-loader` is upgraded from v3 to v6, a few CSS Module related options have been renamed, along with other changes. See [full changelog](https://github.com/webpack-contrib/css-loader/blob/master/CHANGELOG.md) for additional details.
 
 #### Sass/SCSS
 
@@ -120,6 +120,7 @@ module.exports = {
 * `copy-webpack-plugin` is upgraded from v5 to v8. If you never customized its config through `config.plugin('copy')`, there should be no user-facing breaking changes. A full list of breaking changes is available at [`copy-webpack-plugin` v6.0.0 changelog](https://github.com/webpack-contrib/copy-webpack-plugin/blob/master/CHANGELOG.md).
 * `terser-webpack-plugin` is upgraded from v2 to v5, using terser 5 and some there are some changes in the options format. See full details in its [changelog](https://github.com/webpack-contrib/terser-webpack-plugin/blob/master/CHANGELOG.md).
 * When creating new projects, the default `less-loader` is updated from [v5 to v8](https://github.com/webpack-contrib/less-loader/blob/master/CHANGELOG.md); `less` from [v3 to v4](https://github.com/less/less.js/pull/3573); `sass-loader` from [v8 to v11](https://github.com/webpack-contrib/sass-loader/blob/master/CHANGELOG.md); `stylus-loader` from [v3 to v5](https://github.com/webpack-contrib/stylus-loader/blob/master/CHANGELOG.md).
+* `mini-css-extract-plugin` is upgraded from [v1 to v2](https://github.com/webpack-contrib/mini-css-extract-plugin/blob/master/CHANGELOG.md).
 
 ### Babel Plugin
 

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

@@ -46,7 +46,7 @@
  "clipboardy": "^2.3.0",
  "cliui": "^7.0.4",
  "copy-webpack-plugin": "^9.0.1",
- "css-loader": "^5.1.1",
+ "css-loader": "^6.5.0",
  "css-minimizer-webpack-plugin": "^3.0.2",
  "cssnano": "^5.0.0",
  "debug": "^4.1.1",
@@ -61,7 +61,7 @@
  "launch-editor-middleware": "^2.2.1",
  "lodash.defaultsdeep": "^4.6.1",
  "lodash.mapvalues": "^4.6.0",
- "mini-css-extract-plugin": "^1.3.7",
+ "mini-css-extract-plugin": "^2.4.3",
  "minimist": "^1.2.5",
  "module-alias": "^2.2.2",
  "portfinder": "^1.0.26",

yarn.lock

@@ -8086,20 +8086,18 @@ css-loader@^2.1.1:
  postcss-value-parser "^3.3.0"
  schema-utils "^1.0.0"
 
-css-loader@^5.1.1:
- version "5.2.7"
- resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-5.2.7.tgz#9b9f111edf6fb2be5dc62525644cbc9c232064ae"
- integrity sha512-Q7mOvpBNBG7YrVGMxRxcBJZFL75o+cH2abNASdibkj/fffYD8qWbInZrD0S9ccI6vZclF3DsHE7njGlLtaHbhg==
+css-loader@^6.5.0:
+ version "6.5.0"
+ resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.5.0.tgz#9d1cf7766a9a8f0b3c6e1638309b964dbdab46d3"
+ integrity sha512-VmuSdQa3K+wJsl39i7X3qGBM5+ZHmtTnv65fqMGI+fzmHoYmszTVvTqC1XN8JwWDViCB1a8wgNim5SV4fb37xg==
  dependencies:
  icss-utils "^5.1.0"
- loader-utils "^2.0.0"
  postcss "^8.2.15"
  postcss-modules-extract-imports "^3.0.0"
  postcss-modules-local-by-default "^4.0.0"
  postcss-modules-scope "^3.0.0"
  postcss-modules-values "^4.0.0"
  postcss-value-parser "^4.1.0"
- schema-utils "^3.0.0"
  semver "^7.3.5"
 
 css-minimizer-webpack-plugin@^3.0.2:
@@ -15435,14 +15433,12 @@ mini-css-extract-plugin@0.6.0:
  schema-utils "^1.0.0"
  webpack-sources "^1.1.0"
 
-mini-css-extract-plugin@^1.3.7:
- version "1.6.2"
- resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-1.6.2.tgz#83172b4fd812f8fc4a09d6f6d16f924f53990ca8"
- integrity sha512-WhDvO3SjGm40oV5y26GjMJYjd2UMqrLAGKy5YS2/3QKJy2F7jgynuHTir/tgUUOiNQu5saXHdc8reo7YuhhT4Q==
+mini-css-extract-plugin@^2.4.3:
+ version "2.4.3"
+ resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.4.3.tgz#be742943c192b028645d4389084ef187615fff82"
+ integrity sha512-zekavl9mZuGyk7COjsfFY/f655AX61EKE0AthXPrmDk+oZyjZ9WzO4WPjXnnO9xl8obK2kmM6rAQrBEmk+WK1g==
  dependencies:
- loader-utils "^2.0.0"
- schema-utils "^3.0.0"
- webpack-sources "^1.1.0"
+ schema-utils "^3.1.0"
 
 minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
  version "1.0.1"