feat: use parcel css (#5959)

* use parcel css

* upgrade

* update imported module names

Author: chenxsan

package.json

@@ -78,6 +78,7 @@
     "@mdx-js/loader": "^2.0.0-next.9",
     "@octokit/auth-action": "^1.3.3",
     "@octokit/rest": "^18.12.0",
+    "@parcel/css": "^1.4.0",
     "@pmmmwh/react-refresh-webpack-plugin": "next",
     "@svgr/webpack": "^6.2.1",
     "autoprefixer": "^10.4.2",

webpack.prod.mjs

@@ -1,6 +1,6 @@
 // Import External Dependencies
 import { merge } from 'webpack-merge';
-import OptimizeCSSAssetsPlugin from 'css-minimizer-webpack-plugin';
+import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
 import { InjectManifest } from 'workbox-webpack-plugin';
 import path from 'path';
 
@@ -40,7 +40,12 @@ export default (env) =>
           },
         },
       },
-      minimizer: ['...', new OptimizeCSSAssetsPlugin({})],
+      minimizer: [
+        '...',
+        new CssMinimizerPlugin({
+          minify: CssMinimizerPlugin.parcelCssMinify,
+        }),
+      ],
     },
     plugins: [
       new InjectManifest({

webpack.ssg.mjs

@@ -2,7 +2,7 @@
 import WebpackPwaManifest from 'webpack-pwa-manifest';
 import path from 'path';
 import { merge } from 'webpack-merge';
-import OptimizeCSSAssetsPlugin from 'css-minimizer-webpack-plugin';
+import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
 import SSGPlugin from 'static-site-generator-webpack-plugin';
 import RedirectWebpackPlugin from 'redirect-webpack-plugin';
 import CopyWebpackPlugin from 'copy-webpack-plugin';
@@ -44,7 +44,11 @@ export default (env) =>
       libraryTarget: 'umd',
     },
     optimization: {
-      minimizer: [new OptimizeCSSAssetsPlugin({})],
+      minimizer: [
+        new CssMinimizerPlugin({
+          minify: CssMinimizerPlugin.parcelCssMinify,
+        }),
+      ],
     },
     plugins: [
       new SSGPlugin({

yarn.lock

@@ -2042,6 +2042,62 @@
   dependencies:
     "@octokit/openapi-types" "^11.1.0"
 
+"@parcel/[email protected]":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@parcel/css-darwin-arm64/-/css-darwin-arm64-1.4.0.tgz#29101a341d11444378f503962ff25e3b7717565c"
+  integrity sha512-PDVrZihhhZpjkcqTBL2PxAA/NAH2QHF4L4HIH3cK0aw07crutAPG7KSEYXgXeU7g8bOH1g+/uABc+Xe6bjdZsQ==
+
+"@parcel/[email protected]":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@parcel/css-darwin-x64/-/css-darwin-x64-1.4.0.tgz#910c726ee8e0bdbc06f717c3ffaf581c02bef959"
+  integrity sha512-AV7yyf8KBVVYaM6BKwMzq0ycSmdag95pnJCXsxmMOjVg+3nvkgalj/OHu3spqVzn/EVyICbqKZJCjZSxKgNuYg==
+
+"@parcel/[email protected]":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@parcel/css-linux-arm-gnueabihf/-/css-linux-arm-gnueabihf-1.4.0.tgz#42dda3f5b18516e8362e6723cc068ed9f62f9009"
+  integrity sha512-Hv5+ustCxFahHu42+g7QPIdzgksSsbGnQCCzXTGY20j05pSo1BXuJFkhtPBFKMPnXmzM/3XNSvM8YjC0RHYZ7A==
+
+"@parcel/[email protected]":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@parcel/css-linux-arm64-gnu/-/css-linux-arm64-gnu-1.4.0.tgz#c0bd629e188e83a3b5cde86579072884c1f72ceb"
+  integrity sha512-GQ4kX9YOjjQhM7NrUhi9PUSFjYwOa+MVJ+kFB6g6XxdYkxAkwBV/5VzxhJqswlQEVe5wotT28nKSYkgRsA9REA==
+
+"@parcel/[email protected]":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@parcel/css-linux-arm64-musl/-/css-linux-arm64-musl-1.4.0.tgz#9a918a7f558a89caefdfece618e4112ba0482328"
+  integrity sha512-XxlGBJfOB1JKvIdE/fWBD7FemALvh/5oMNJW2Wjad5sl9SVBonLtE5mF4KdBZogfN/SX38ZFlANgrzKmf3x0cA==
+
+"@parcel/[email protected]":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@parcel/css-linux-x64-gnu/-/css-linux-x64-gnu-1.4.0.tgz#b8e31f7a0f0eddbbb711070806dab27186e0b1b1"
+  integrity sha512-zdfwyGvo23nCKQSeKjpzMZotggyj95CEJOoBGuq0MhCJZrpYVgBOU7mn6tLnCvio42hHqFYzn1EsZLaXfoa4UA==
+
+"@parcel/[email protected]":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@parcel/css-linux-x64-musl/-/css-linux-x64-musl-1.4.0.tgz#7af5c475d4808959203f40903bf7d38e626d6889"
+  integrity sha512-2ChvkPydF2g+x7Uzvx+/4qwS7uV+RwkV+7l7UwUf7mIv7bwV7soXH87S+TQtspqmUaiFNa/g2BFwA/+r/0Kj+Q==
+
+"@parcel/[email protected]":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@parcel/css-win32-x64-msvc/-/css-win32-x64-msvc-1.4.0.tgz#eba714aa2c1a73641758e7b2ae4dafeccdfe3183"
+  integrity sha512-3MQMrwROT9o1B4hkMWTmQ/GlIzyxN9nM79S59G94+ZQTpSg3v3MgBwo9JXKgNISB1a2zDb+4Ve8TrcNb9yTOOg==
+
+"@parcel/css@^1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@parcel/css/-/css-1.4.0.tgz#478a77c7bcdd34b88934165e30806720ae967c82"
+  integrity sha512-RdFCOjDg6AoevLd9yiXBlfNCLpszGE4s/r3CxlSlsRRljABkqN4cWpDbf0oyfb2BcTqw8z2aT5dN0ruISgtViQ==
+  dependencies:
+    detect-libc "^1.0.3"
+  optionalDependencies:
+    "@parcel/css-darwin-arm64" "1.4.0"
+    "@parcel/css-darwin-x64" "1.4.0"
+    "@parcel/css-linux-arm-gnueabihf" "1.4.0"
+    "@parcel/css-linux-arm64-gnu" "1.4.0"
+    "@parcel/css-linux-arm64-musl" "1.4.0"
+    "@parcel/css-linux-x64-gnu" "1.4.0"
+    "@parcel/css-linux-x64-musl" "1.4.0"
+    "@parcel/css-win32-x64-msvc" "1.4.0"
+
 "@pmmmwh/react-refresh-webpack-plugin@next":
   version "0.5.4"
   resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.4.tgz#df0d0d855fc527db48aac93c218a0bf4ada41f99"
@@ -4587,6 +4643,11 @@ detab@^2.0.0:
   dependencies:
     repeat-string "^1.5.4"
 
+detect-libc@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
+  integrity sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=
+
 detect-newline@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651"