如何在使用 @svgr/webpack加载SVG时保持ID？

Question

，我将其设置为false，但无济于事。 我如何保留我的ID？

我是我在webpacks中配置加载程序的方式：

{
  test: /\.svg$/,
  use: [
    {
      loader: "@svgr/webpack",
      options: {
        cleanIDs: false,
      },
    },
  ],
},

我也尝试了：

完全禁用SVGO，但随后它无法加载SVG文件

选项可清理，但ID仍被删除

this this config在

@svgr/[email protected]

：
• 上对我有用

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

有助于我弄清楚的某些链接：

Answer 1

SVGOwebpack示例

SVGO配置选项

我也有一个类似的问题，即
• cleanupIds插件正在在不同的SVG之间造成冲突（这里有更多详细信息），但我努力地找出如何在Next.js中解决它，所以这就是我的做法：
• ：：
next.config.js

Answer 2