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

如何解决使用@ svgr / webpack加载SVG时如何保留ID？

我正在将@svgr/webpack的SVG文件加载到React中，我可以正常工作，但是会剥离元素的ID。
为了保留ID，我在Svgo配置文件中看到了选项cleanIDs，该选项设置为false，但无济于事。
我如何保留我的身份证？

这是我在webpack中配置加载器的方式：

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

我也尝试过：

• 完全禁用Svgo，但随后无法加载SVG文件
• 带有选项cleanupID，但这些ID仍被删除

解决方法

此配置在 @svgr/webpack@5.5.0 上对我有用：

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

一些帮助我解决这个问题的链接：

• svgo webpack example
• svgo config options