Webpackフォントとsvgイメージローダーを解決するには正規表現の競合？

Question

ここに私のフォントとsvgイメージローダーの正規表現があり、それらは両方とも* .svgファイルをターゲットにしているので、競合しています。どのようにそれを解決するには？

{test: /\.(eot|svg|ttf|woff|woff2)$/, loader: 'file?name=/Presentation/_dist/fonts/Interstate/[name].[ext]'}, 
{test:/\.(png|jpg|gif|svg)$/, loader: 'url?limit=10000&name=/Presentation/_dist/images/[name].[ext]'} 

Answer 1

あなたはこの問題を解消するexcludeとincludeを使用することができます。 のような何か：

{ 
    test: /\.(eot|svg|ttf|woff|woff2)$/, 
    include: [ 
     path.resolve(__dirname, "MY-FONTS-FOLDER") 
     //, Any other svg font path 
    ], 
    loader: 'file?name=/Presentation/_dist/fonts/Interstate/[name].[ext]' 
}, 
{ 
    test:/\.(png|jpg|gif|svg)$/, 
    exclude: [ 
     path.resolve(__dirname, "MY-FONTS-FOLDER") 
     //, Any other svg font path 
    ], 
    loader: 'url?limit=10000&name=/Presentation/_dist/images/[name].[ext]' 
} 

注：

• 実際のフォントフォルダのパスでMY-FONTS-FOLDERを交換してください。
• ファイルローダーの場合はfont.svg、URLローダーの場合は.svgと一致しますが、font.svg（おそらく否定的な先読みではありません）と一致するようにregexを使用することもできます。