Как использовать css-minimizer-webpack-plugin + Vue3 Cli?

Question

[resibe]

Здравствуйте, пытаясь оптимизировать сгенерированный css я решил использовать сss-minimizer-webpack-plugin (почему в отличии от html-webpack-plugin/terser-webpack-plugin он не ишел в комплекте с vue/cli и мне пришлось yarn add css-minimizer-webpack-plugin --save-dev)
Собственно после такой настройки согласно документации

new CssMinimizerWebpackPlugin({
          minify: [
            CssMinimizerWebpackPlugin.cssnanoMinify,
            CssMinimizerWebpackPlugin.cleanCssMinify,
          ],
          minimizerOptions: [
            {
              preset: ["advanced", { discardComments: { removeAll: true } }],
            },
            {
              level: {
                1: {
                  roundingPrecision: "all=2,px=4",
                },
              },
            },
          ],
        }),

yarn lint проходит все проверки, но yarn serve

0% compiling ERROR  TypeError: Cannot read properties of undefined (reading 'tapPromise')
TypeError: Cannot read properties of undefined (reading 'tapPromise')
    at D:\Projects\FrontEnd\node_modules\css-minimizer-webpack-plugin\dist\index.js:375:3

собственно судя с комментариев других людей проблема возникает от не совместимости версии webpack и css-minimizer-webpack-plugin
yarn list webpack = webpack@4.46.0 хотя уже есть 5.64.1 (почему @vue/cli установил старый webpack) и возможно ли его обновить

Answer 1

[resibe]

Судя по документации теперь есть новая версия @vue/cli@next https://next.cli.vuejs.org/migrations/migrate-from...