“错误：应指定插件名称”@svgr/webpack svgoConfig

Question

我已经@svgr/webpack@6.0.0安装了 webpack 配置如下

use: [
    {
        loader: '@svgr/webpack',
        options: {
            svgoConfig: {
                plugins: [
                    {
                        removeViewBox: false,
                    },
                ],
            },
        },
    },
],

但我收到如下错误：

Error: Plugin name should be specified

Answer 1

最新的 SVGO 文档建议您需要为每个插件对象分配一个名称。您的配置已过期，因此很可能是版本/更新问题。尝试将配置中的选项对象更改为：

svgoConfig: {
  plugins: [
    {
      name: 'preset-default',
      params: {
        overrides: {
          // disable plugins
          removeViewBox: false,
        },
      },
    },
  ],
},

该preset-default插件允许您自定义默认设置，并允许您禁用默认启用的插件。