use parcel css

[chenxsan]

It's faster, and the build is smaller.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/webpack-docs/webpack-js-org/86QMByGViG6kVRdCUyVGou4k8Jcr
✅ Preview: https://webpack-js-org-git-fork-chenxsan-feature-us-7ab454-webpack-docs.vercel.app

[snitin315]

From the OptimizeCSSAssetsPlugin docs

⚠️ For webpack v5 or above please use css-minimizer-webpack-plugin instead.

And the css-minimizer-webpack-plugin recently added @parcel/css support

module.exports = {
  optimization: {
    minimize: true,
    minimizer: [
      new CssMinimizerPlugin({
        minify: CssMinimizerPlugin.parcelCssMinify,
      }),
    ],
  },
};

[chenxsan]

Actually we were already using css-minimizer-webpack-plugin if you check the code, just old naming not removed. Doesn't mean we're still using OptimizeCSSAssetsPlugin. Let me update the naming to avoid confusion.

[snitin315]

Perfect, thanks!