Webpack 로더의 SVG 이미지와 글꼴을 구분합니다.

Question

Webpack 로더를 만들려고하는데 다른 모든 파일 유형이 작동하고 있습니다. 그러나 SVG가되면 로더가 혼란스러워지고 글꼴 로더를 통해 SVG 이미지 문서가 비워집니다. 아래는 내가 사용하고있는 코드 ...

/* Images still being loaded in this test for some reason */ 
    { 
    test : /\.svg/, 
    exclude: '../src/images', 
    loader : 'file?prefix=font/' 
    }, 
    { 
    test : /\.svg/, 
    include: '../src/images', 
    loader : 'file-loader' 
    } 

당신이, 내가 시험에 include/exclude를 사용하여 시도 볼 수 있듯이, 그러나,이 일을하지 않은입니다.

아이디어가 있으십니까?

Answer 1

이 문제를 해결하려면, 난 그냥 ... 그래서 같은 이미지를 포함하는 모든 경로를 제외 정규식을 사용

// FONT LOADER 
{ 
    test : /\.svg/, 
    exclude: [/images/], 
    loader : 'file?prefix=font/' 
}, 
// OTHER FILES LOADER 
{ 
    test: /\.(mp4|ogg|svg)$/, 
    loader: 'file-loader' 
}