Setting background image in React using SCSS / Webpack

6

Hmm, still not working for me.

This is my webpack config:

webpack.config 
const path = require('path');

module.exports = {
  entry: './src/app.js',
  output: {
    path: path.join(__dirname, 'public'),
    filename: 'bundle.js'
  },
  module: {
    rules: [{
      loader: 'babel-loader',
      test: /\.js$/,
      exclude: /node_modules/
    }, {
      test: /\.s?css$/,
      use: [
        'style-loader', 
        'css-loader',
        'sass-loader'
      ]
    }, {
      
    }],
    loaders: [
      { 
        test: /\.(png|jpg)$/,
        loader: 'url-loader' 
     } 
    ]
  }, 
  devtool: "cheap-module-eval-source-map",
  devServer: {
    contentBase: path.join(__dirname, 'public')
  }
};

And _base.scss has this:

body {
  background-color: $puff;
  background-image: url('../../public/bg-img.jpg');
  font-family: $sans;
}

And url-loader has been yarn added…what’s the obvious thing I’m missing?

Sorry, that was @kevcomedia