2017-03-09 8 views
0

svgo 또는 웹팩 로더 (svgo-loader) 또는 플러그인 (imagemin) 사용하면 다음과 같은 인용 부호가없는 속성 svgs이있는 경우 모두 사용 svgo는, 그것의 한 부분으로 사용하여 분석 :`svgo`에서 인용되지 않은 속성으로 svgs를 파싱하는 법?

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

오류 : Error in parsing SVG: Unquoted attribute value 방출된다.

따옴표 붙지 않은 svg를 사용할 수 있습니까?

답변

0

나는 웹팩에 XMLS (포함 svgs)를 시성하는 로더를 만들었습니다

xml-fix-loader

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

그것이 무엇 일반적으로하는 일은 unstrictly XML을 구문 분석하고 다음을 캐릭터 라인 화하는 xml2js을 사용하는 것입니다 다시 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"