Failing to load SVG's

[ghost]

Fails to load in SVG's for me.
I've added the following into webpack.config.helper.js in the rules section.

{
      test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
      loader: 'url-loader'
}

And getting You may need an appropriate loader to handle this file type. on all the SVG types. Any suggestions?

[moklick]

Try to use raw-loader for loading SVG's webpack-contrib/url-loader#6

[alonronin]

you can use url-loader to use with <img /> tags at html and css background-image rule.

import svg from './file.svg';

const img = `<img src="${svg}" />`;

document.body.innerHTML = img;

div {
  width: 100px;
  height: auto;
  background-img: url(./file.svg) no-repeat center;
}