webpack5打包css报错

今天在使用webpack5打包css报错，初学者的我一下子懵了！

1.先附图

原因是这个插件只能在4.x中使用，但是我是webpack5

那么不行就换个插件呗，原来在webpack5中已经不支持optimize-css-assets-webpack-plugin的使用了.

换法宝css-minimizer-webpack-plugin，它是webpack5的支持版。

npm i css-minimizer-webpack-plugin -D

下载完之后在配置一下

1.引入插件

const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')

2.配置

optimization: {
        minimize: true,
        minimizer: [
             new CssMinimizerPlugin(),
        ],
    },

3.最后附上图

4.打包成很长的一段css。

ps:感谢姜文老师的帮助。