Blad podczas uzywania background:url() z webpackiem

Question

Witam. W webpacku jestem wlasciwie calkiem zielony wiec prosze o wyrozumialosc.

Problem jest taki: Uzywam webpacka zeby wyciagnac skompilowanego SCSS do pliku CSS. Problem polega na tym ze gdy chce uzyc background:url() dostaje taki blad:

Module parse failed: Unexpected character '�' (1:0)

Zgaduje ze webpack czyta zdjecie jako kod i nie wiem dlaczego.

Moj webpack.config:

const webpack = require("webpack");
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
const OptimizeCss = require("optimize-css-assets-webpack-plugin");

var config = {
  entry: {
    main: ["babel-polyfill", "./_dev/scripts/app.js", "./_dev/scss/app.scss","./assets/img/"]
  },
  output: {
    filename: "./scripts/bundle.js"
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: "babel-loader"
      },
      {
        test: /\.(css|scss)/,
        use: ExtractTextPlugin.extract({
          fallback: "style-loader",
          use: ["css-loader", "sass-loader", "postcss-loader"]
        })
      }
    ]
  },
  plugins: [
    new ExtractTextPlugin("./content/app.css"),
    new webpack.optimize.UglifyJsPlugin(),
    new OptimizeCss()
  ]
};

module.exports = config;