Need Help Minimizing CSS within JavaScript Chunk about css-loader HOT 3 CLOSED

Yes, @replyre in the webpack configuration I shared, I've already added the terser-webpack-plugin and CssMinimizerPlugin. However, the issue persists despite their inclusion. Note that webpack 5 uses terser-webpack-plugin by default, as mentioned here https://webpack.js.org/plugins/css-minimizer-webpack-plugin/#getting-started

The problem arises because styles will be added as strings in the JavaScript bundle, and the Terser webpack plugin does not minify strings. Additionally, the css-minimizer-webpack-plugin skips files that are already minimized. ref link: https://github.com/webpack-contrib/css-minimizer-webpack-plugin/blob/ec4103e9b0609d79340979f9c7bf509e7791b891/src/index.js#L417

As a result, the CSS styles within the JavaScript bundle are not being properly minified.

from css-loader.

have you tried terser-webpack-plugin and css-minimizer-webpack-plugin ?

from css-loader.

Please use cssnano as a plugin for postcss-loader, there is an issue to make it automatically webpack-contrib/css-minimizer-webpack-plugin#80, it is on our roadmap, feel free to feedback

from css-loader.