title: WARNING in Unknown plugin: imageminSvgo. Did you forget to install the plugin?
body: <p>This is the Warning that I receive from Webpack, despite installing the imageminSvgo plugin.</p>
  <p>I have used it within the Image Minimizer Plugin as <strong>imageminSvgo</strong>, but Webpack doesn't seem to detect it.</p>
  <p>I would really appreciate some help in knowing how to use this plugin in my project in the best way.</p>
  <p>Here are my webpack.config.js configs.</p>
  <p><em>webpack.config.js</em></p>
  <pre><code>const HtmlWebpackPlugin = require(&quot;html-webpack-plugin&quot;);
  const MiniCssExtractPlugin = require(&quot;mini-css-extract-plugin&quot;);
  const { CleanWebpackPlugin } = require(&quot;clean-webpack-plugin&quot;);
  const ImageMinimizerPlugin = require(&quot;image-minimizer-webpack-plugin&quot;);
  const NodePolyfillPlugin = require(&quot;node-polyfill-webpack-plugin&quot;);
  const TerserPlugin = require(&quot;terser-webpack-plugin&quot;);
  const CompressionPlugin = require(&quot;compression-webpack-plugin&quot;);
  // const imageminSvgo = require('imagemin-svgo')
  const mode = &quot;production&quot;;
  
  module.exports = {
    devtool: false,
    stats: &quot;errors-warnings&quot;,
    resolve: {
      alias: {
        CssFolder: path.resolve(__dirname, &quot;src/stylesheets/&quot;),
        JsFolder: path.resolve(__dirname, &quot;src/javascripts/&quot;),
        ImgFolder: path.resolve(__dirname, &quot;src/images/&quot;),
      },
    },
    entry: { TOAA: &quot;./src/index.js&quot; },
    mode: mode,
    devServer: {
      port: 8080,
      // contentBase: &quot;./build&quot;,
      hot: true,
      // overlay: true,
      compress: true,
      historyApiFallback: true,
    },
    output: {
      filename: &quot;[name]-[contenthash].bundle.js&quot;,
      path: path.resolve(__dirname, &quot;build&quot;),
    },
    optimization: {
      minimize: true,
      minimizer: [new TerserPlugin()],
    },
    plugins: [
      // imageminSvgo({
      //   plugins: [
      //     {
      //       name: &quot;removeViewBox&quot;,
      //       active: false,
      //     },
      //   ],
      // }),
      new CompressionPlugin(),
      new HtmlWebpackPlugin(
        { template: &quot;./public/index.html&quot; },
        { inject: true }
      ),
  
      new CleanWebpackPlugin(),
      new MiniCssExtractPlugin({
        filename:
          mode === &quot;production&quot;
            ? &quot;[name]-[contenthash].bundle.css&quot;
            : &quot;[name].css&quot;,
      }),
      new ImageMinimizerPlugin({
        minimizerOptions: {
          // Lossless optimization with custom option
          // Feel free to experiment with options for better result for you
          plugins: [
            [&quot;gifsicle&quot;, { interlaced: true }],
            [&quot;jpegtran&quot;, { progressive: true }],
            [&quot;optipng&quot;, { optimizationLevel: 5 }],
            [&quot;imageminSvgo&quot;, { removeViewBox: true }],
            // Svgo configuration here https://github.com/svg/svgo#configuration
            [
              &quot;svgo&quot;,
              {
                plugins: [
                  {
                    name: &quot;removeViewBox&quot;,
                    active: false,
                  },
                  {
                    name: &quot;addAttributesToSVGElement&quot;,
                    params: {
                      attributes: [{ xmlns: &quot;http://www.w3.org/2000/svg&quot; }],
                    },
                  },
                  {
                    name: &quot;preset-default&quot;,
                    params: {
                      overrides: {
                        // customize plugin options
                        convertShapeToPath: {
                          convertArcs: true,
                        },
                        // disable plugins
                        convertPathData: false,
                      },
                    },
                  },
                ],
              },
            ],
          ],
        },
      }),
      new NodePolyfillPlugin(),
    ],
    module: {
      rules: [
        {
          test: /\.css$/i,
          use: [
            { loader: MiniCssExtractPlugin.loader, options: {} },
            { loader: &quot;css-loader&quot;, options: { importLoaders: 1 } },
            {
              loader: &quot;postcss-loader&quot;,
              options: {
                postcssOptions: {
                  plugins: [
                    [
                      &quot;autoprefixer&quot;,
                      {
                        overrideBrowserslist: [&quot;last 3 versions&quot;, &quot;ie &gt;9&quot;],
                      },
                    ],
                  ],
                },
              },
            },
          ],
        },
        {
          test: /\.jsx?$/,
          exclude: /(node_modules|bower_components)/,
          use: {
            loader: &quot;babel-loader&quot;,
            options: {
              presets: [&quot;@babel/preset-env&quot;],
            },
          },
        },
        {
          test: /\.(jpe?g|png|gif|svg|jpg)$/i,
          type: &quot;asset&quot;,
        },
        {
          test: /\.html$/i,
          loader: &quot;html-loader&quot;,
        },
      ],
    },
    resolve: {
      extensions: [&quot;.js&quot;, &quot;.jsx&quot;],
    },
  };
  </code></pre>
  <p>Please let me know if additional info is required.</p>