Как настроить ImageMinimizerWebpackPlugin?

Question

[resibe]

Здравствуйте, я использую такую настройку

const ImageMinimizerPlugin = require("image-minimizer-webpack-plugin");
const { extendDefaultPlugins } = require("svgo");
module.exports = defineConfig({
configureWebpack: (config) => {
config.plugins.push(
          new ImageMinimizerPlugin({
            minimizerOptions: {
              plugins: [
                [
                  "imagemin-svgo",
                  {
                    plugins: [
                      {
                        removeViewBox: false,
                      },
                    ],
                  },
                ],
                ["nonstandard-imagemin-package-name", { myOptions: true }],
              ],
            },
          })
        );
};
});

из документации https://webpack.js.org/plugins/image-minimizer-web...
но получаю

Module Warning (from ./node_modules/image-minimizer-webpack-plugin/dist/loader.js):
Unknown plugin: imagemin-svgo

Did you forget to install the plugin?
You can install it with:

$ npm install imagemin-svgo --save-dev
$ yarn add imagemin-svgo --dev

Установка никак не помогает...
На git нашел issue по такой проблеме https://github.com/webpack-contrib/image-minimizer... но
не совсем понимаю что имелось ввиду как можно решить проблему...

Answer 1

[profesor08]

npm i imagemin-svgo --save-dev

И так-то в документации есть конкретный пример того, как использовать. Какие-то свои модификации конфига - на свой страх и риск.

Unknown plugin: imagemin-svgo

Подобные ошибки вебпак пишет тогда, когда модуль не установлен, либо это вовсе не то, что ожидает вебпак.

Comments

[resibe]

Спасибо, но к сожалению модуль установлен, судя по github проблема началась когда svgo удалили поддержку CommonJS модулей, и перешли полностью на ESM. Похоже это затронуло все фреймворки, https://github.com/imagemin/imagemin-svgo/issues/51
(насколько я понимаю изменять исходники модуля в node-modules не лучшее решение, но как подредактировать проект чтоб все заработало пока не совсем представляю(( )

[profesor08]

Установи более раннюю версию.
npm i imagemin-svgo@9.0.0 --save-dev

[resibe]

Позвольте пожалуйста ещё маленький вопрос, возможно ли заставить ImageMinimizerWebpackPlugin перекодировать изображение в avif в случае если результат перекодирования меньше оригинала
(по аналогии с CompressionWebpackPlugin)