Webpack - background images not loading
<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>