Comment analyser les svgs avec des attributs non-cotés dans `svgo`?

Question

Lors de l'analyse à l'aide svgo ou dans le cadre du chargeur webpack (svgo-loader) ou plug-in (imagemin) que les deux svgo d'utilisation, si vous avez svgs avec non cotées attributs tels que:

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

L'erreur: Error in parsing SVG: Unquoted attribute value est émis.

Est-ce que les svg avec des attributs sans guillemets peuvent être utilisés dans tout cela?

Answer 1

J'ai créé un chargeur pour canoniser xmls (y compris svgs) dans webpack:

xml-fix-loader

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

ce qu'il fait en général est d'utiliser xml2js pour analyser le xml unstrictly et stringify il retour pour obtenir un xml codifié (ou svg).

Ceci supprime les problèmes tels que les attributs sans guillemets. si:

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

devient

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