title: Webpack - background images not loading
body: <p>I'm fairly new to webpack but having some problems with css-loader or file-loader. </p>
  
  <p>I'm trying to load a background-image but it doesn't work quite right. The background-image isn't shown, even though the devtools show the <code>background-image</code> style. </p>
  
  <p>If I copy the <code>background-image</code> style to the <code>element.style</code> block, everything works fine. Am I making a stupid mistake somewhere?</p>
  
  <p>The body tag should have a background image. The style appears in the developer tools and there are no errors:</p>
  
  <p><img src="https://i.imgur.com/i6UHJle.png" alt="1"></p>
  
  <p>I can load the file <code>5a09e4424f2ccffb6a33915700f5cb12.jpg</code>, but the body has no background.</p>
  
  <p>If I manually copy and paste css line to <code>element.style</code> in the DevTools, everything works:</p>
  
  <p><img src="https://imgur.com/9sq4rwA.png" alt="2"></p>
  
  <p>This happens if I bundle using <code>webpack-dev-server</code> or just <code>webpack</code> and in both Chrome and Firefox.</p>
  
  <p>Other styles, such as <code>body { background-color: red }</code> work fine.</p>
  
  <p>This is the webpack.config.js:</p>
  
  <pre><code>const path = require('path');
  
  module.exports = {
      "entry": [
          './src/index.js'
      ],
      "output": {
          "path": path.join(__dirname, 'build'),
          "filename": "bundle.js"
      },
      devtool: "source-map",
      "module": {
          "loaders": [
              {
                  "test": /\.scss$/,
                  "loaders": ["style", "css?sourceMap", "sass?sourceMap"]
              },
              { 
                  test: /\.jpg$/, 
                  loader: "file-loader" 
              }
          ]
      },
      devServer: {
          contentBase: './build'
      }
  };
  </code></pre>