如何在“ svgo”中使用无引用的属性解析SVG

Question

使用SVGO解析或作为WebPack Loader（svgo-Loader）或插件（ImageMin）的一部分，如果您具有具有诸如以下引用的属性的SVG，则使用SVGO，例如：

>：

xmlns="http://www.w3.org/2000/svg" width=20px height=20px

错误：Error in parsing SVG: Unquoted attribute value发射。

可以在所有这些中使用带有未引用属性的SVG？

Answer 1

我已经创建了一个加载程序，以在webpack中canonize xmls（包括svgs）：

xml-fix-loader

{
  test: /.svg$/,
  use: [
    { loader: 'file-loader' },
    { loader: 'svgo-loader' },
    { loader: 'xml-fix-loader' }
  ]
}

通常，使用XML2J毫不截然不同地解析XML，然后将其串起以获取共同的XML（或SVG）。

这删除了诸如未引用的属性之类的问题。所以：

xmlns="http://www.w3.org/2000/svg" width=20px height=20px

变成

xmlns="http://www.w3.org/2000/svg" width="20px" height="20px"