标签: svgo

是否有一个选项可以将 svgo 选项传递给 svgr/webpack 加载器？我想删除宽度和高度属性并保留视图框，默认情况下它会删除这些属性。

{
    test: /\.svg$/,
    use: ['@svgr/webpack'],
    options : {
    svgo: { // Something like this ?
        mergePaths: false,
        removeViewbox: false,
        removeAttrs: true,
    }}

},

我已经使用安装了 svgo 类型

yarn add @types/svgo.

在我想使用 svgo 的文件中，我写道：

import SVGO from 'svgo';

从那里我可以通过从 svgo 转到定义来轻松地检查类型。

但是当我yarn install在控制台中运行或类似的命令时，我得到：

ERROR in dll renderer
Module not found: Error: Can't resolve '@types/svgo' in 'C:\[projectfolder]'
 @ dll renderer renderer[2]
error Command failed with exit code 2

这是一个最近从电子反应样板开始的电子项目。

这可能是什么原因造成的？

我正在使用@svgr/webpack将 SVG 文件加载到 React 中，工作正常，但它会删除元素的 id。
为了保留ID，我cleanIDs在SVGO配置文件中看到了这个选项，我将其设置为false，但没有效果。
我怎样才能保留我的身份证？

以下是我在 webpack 中配置加载器的方法：

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

我也尝试过：

• 完全禁用 SVGO，但无法加载 SVG 文件
• 使用 cleanupIDs 选项，但 id 仍被删除

我正在运行“npx create-react-app Experiment”来创建一个新项目，并收到此警告。我该如何解决？我一直在研究但一无所获

警告 React-scripts > @svgr/webpack > @svgr/plugin-svgo > svgo@1.3.2：不再支持此 SVGO 版本。升级到 v2.xx