Webpack не загружает изображения в стилях

269
08 ноября 2017, 04:04

Проблема с подключением изображений в Webpack. Недавно начал изучать этот сборщик. Вот мой код webpack.config.js:

const ExtractTextPlugin = require('extract-text-webpack-plugin');
var webpack = require('webpack');
module.exports = {
  context: __dirname,
  entry: "./src/index.jsx",
  output: {
    path: __dirname + '/public',
    filename: "bundle.js",
    publicPath: '/public/'
  },
  module: {
    loaders: [
      {
        test: /\.js|.jsx?$/,
        exclude: /(node_modules)/,
        loader: 'babel-loader',
        query: {
          presets: ['react', 'es2015']
        }
      },
      {
        test: /\.sass$/,
        loader: ExtractTextPlugin.extract('css-loader!sass-loader?sourceMap')
      }
    ]
  },
  resolve: {
    extensions: ['.js', '.jsx'],
  },
  plugins: [
    new ExtractTextPlugin({ filename: 'app.css', allChunks: true })
  ],
  devServer: {
    historyApiFallback: true,
    contentBase: './'
  }
};

Когда запускаю его с подключением какойто картинки на background в sass то в консоли выдает ошибки например эту

 ERROR in ./src/img/ICON.png
    Module parse failed: Unexpected character '�' (1:0)
    You may need an appropriate loader to handle this file type.
    (Source code omitted for this binary file)
     @ ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js?sourceMap!./src/sass/main.sass 6:140536-140562

Вопрос: какой loader мне нужно подлючить чтобы загружались и компилились картинки в стилях?

Спасибо!

READ ALSO
Путаница с массивами поля в коде js

Путаница с массивами поля в коде js

Помогите пожалуйста разобраться с кодомУ меня есть 2 гугл карты, в каждой карте карте есть input с классом

304
Делаю сервис со своей логикой но возникают ошибки

Делаю сервис со своей логикой но возникают ошибки

Делаю сервис со своей логикой но возникают ошибки:

193
Webpack. Не подключаются библиотеки

Webpack. Не подключаются библиотеки

Подключаю библиотеки через один файл посредством того что копирую минифицированый код поочередно в один файл а потом подключаю уже только...

177
Ошибка в AngularJS. В чем проблема?

Ошибка в AngularJS. В чем проблема?

Подскажите, где я ошибся в данном коде? Почему ng-controller отказывается работать? Спасибо заранее

175