如何在`svgo`中解析带有未加引号的属性的svgs？

Question

当使用svgo或作为的WebPack装载机（svgo-loader）或插件（imagemin）两者使用svgo，如果有未加引号与属性如svgs的部分解析：

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

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

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

Answer 1

我创建了一个装载机的WebPack以推崇个XML（包括svgs）：

xml-fix-loader

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

它做什么，一般是用xml2js到unstrictly解析XML，然后它字符串化回到获得cononized的XML（或SVG）。

这可以消除未引用的属性等问题。所以：

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

成为

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