区分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

为了解决这个问题,我只使用RegEx来排除任何包含图像的路径,就像这样......

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