如何在`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"