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