在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' 
}