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