Javascript vue加载程序一个扩展的不同加载程序

我目前正试图在我的vue加载程序/网页包模板项目中使用SVG

我需要加载不同类型的SVG:
图标：在我的组件中使用，并与svg内联加载程序一起加载，用于使用css进行内联和自定义。
SVGImages：与其他图像一样，在img标记或通过url加载程序加载的背景图像中使用

我在webpack.base.conf.js中尝试了以下配置：

{
    test: /\.svg$/,
    oneOf: [
      {
        resourceQuery: /ico/, // image.svg?ico,
        use: 'svg-inline-loader'
      },
      {
        resourceQuery: '/normal/',
        use: 'url-loader'
      }
    ]
  }

但是我有一个错误：您可能需要一个合适的加载程序来处理这种文件类型

错误是关于背景图像中使用的svg，svg内联加载程序似乎工作正常

---

感谢您的帮助

如果您试图在没有查询的情况下加载svg文件，那么我认为您不应该使用

resourceQuery

。因此：

{
    test: /\.svg$/,
    oneOf: [
      {
        resourceQuery: /ico/, // image.svg?ico,
        use: 'svg-inline-loader'
      },
      {
        use: 'url-loader'
      }
    ]
}

这应包括以下情况：

• image.svg？ico

  –svg内联加载程序

• image.svg

  –url加载程序

• image.svg？foo

  –url加载程序

请检查此网页以供参考：