如何在@svgr webpack 的 svgoConfig 中禁用自動為 class 名稱添加前綴？

Question

@svgr/webpack ( https://react-svgr.com/docs/webpack/ ) 正在更改 svg 中的類的名稱，通過為它們添加前綴，例如 ZA2F2ED4F8EBC2CBB4C21A29DC406 circle更改為spinner-svg__circle 。

我已經嘗試了以下兩個選項來禁用該行為，但它們都不起作用：

1. 來源： https://github.com/gregberge/svgr/issues/411和https://github.com/gregberge/svgr/pull/412/files

    { test: /\.svg$/, use: [ { loader: '@svgr/webpack', options: { svgoConfig: { plugins: [{ prefixIds: false }] } } },'url-loader' ] }

2. 我在這里找到的以下一個： 從 svgr/webpack 將選項傳遞給內置 svgo

    svgoConfig: { plugins: [ { prefixIds: { prefixIds: false, prefixClassNames: false } } ] }

3. 來源： https://github.com/gregberge/svgr/issues/400

    svgoConfig: { plugins: [ { prefixIds: { prefix: false } } ] }

有沒有其他方法可以解決它？

Answer 1

所以 2) 選項有效 - 我無法讓它工作，因為故事書有一個單獨的 webpack 配置文件（我在其中測試效果），我沒有在那里應用更改，而是將它們應用到主 webpack 配置文件該項目。