title: Webpack 2 svg files give 404 error
body: <p>Started working with webpack. In one of my css files I have an url to an svg file, but by using webpack I get 404 error when trying to load this file, tried few loaders <a href="https://github.com/webpack/webpack/issues/597" rel="nofollow noreferrer">first</a>, <a href="https://github.com/webpack/webpack-dev-server/issues/226" rel="nofollow noreferrer">second</a> and <a href="https://github.com/svg/svgo/issues/404" rel="nofollow noreferrer">last</a>. Have no idea why its not working, can some one help me or give some info?</p>
  
  <p>EDIT  </p>
  
  <pre><code>entry: [
      './src\\main\\resources\\static\\webpack-js\\header.js'
  ],
  output: {
      path: path.join(__dirname, 'src/main/resources/static/dist'),
      publicPath: '/src/main/resources/static/dist/',
      filename: 'bundle.js',
      libraryTarget: 'var',
      library: 'EntryPoint',
  },
  module: {
      loaders: [
          {
              test: /\.css$/,
              loader: 'style-loader!css-loader'
          },
          {
              test: /\.(jpe?g|png|gif|svg)$/,
              loader: 'url-loader'
          },
          {
              test: /\.js$/,
              loader: ['buble-loader'],
              exclude: '/node_modules/'
          }
      ],
  }
  </code></pre>
  
  <p>This is my module from <code>webpack.config.js</code>. I am using css file that is <code>required</code> in <code>header.js</code> (entry file). Now in the css file I have lines like this</p>
  
  <pre><code>.vismaicon-menu.vismaicon-info:before {
      background-image: url(/static/css/img/vismaicons/top_menu/menu_info.svg);
  }
  </code></pre>
  
  <p>As I mentioned I tried few things to load svg files but I'm getting 404 error. And yes url is correct and files are there, it works without webpack. Everything other than svg works in css files and I get things from it.</p>