Unterscheiden zwischen SVG-Bildern und Schriftarten in Webpack loader

Question

Ich versuche, ein Webpack-Ladeprogramm zu erstellen, und alle anderen Dateitypen funktionieren; Wenn es jedoch um SVGs geht, wird der Loader verwirrt und leert das SVG-Bilddokument über den Fontloader. Unten ist der Code ich verwende ...

/* 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' 
    } 

Wie Sie sehen können, habe ich versucht include/exclude in den Tests verwendet wird, dies jedoch nicht gearbeitet hat.

Irgendwelche Ideen?

Answer 1

Um dies zu beheben, ich habe gerade RegEx verwendet einen beliebigen Pfad ausschließen Bilder enthält, wie so ...

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