Как настроить работу webpack с sass и правильлными урлами картинок?

Question

[mishapsv]

Я сделал следующий конфиг

'use strict';

var ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
  context: __dirname + '/app/frontend',
  entry:  {
    application: './styles'
  },
  output:  {
    path:     __dirname + '/build/assets',
    publicPath: '/',
    filename: '[name].js'
  },

  module: {

    loaders: [{
      test:   /\.js$/,
      loader: "babel?presets[]=es2015"
    }, {
      test:   /\.scss$/,
      loader: ExtractTextPlugin.extract('css!resolve-url!sass?sourceMap')
    }, {
      test:   /\.(png|jpg|gif|svg|ttf|eot|woff|woff2)$/,
      loader: 'file?name=../images/[name].[ext]'
    }]

  },

  plugins: [
    new ExtractTextPlugin('stylesheets/[name].css', {allChunks: true})
  ]
};

но в результате sourceMap попадает прямо в получаемый css-файл и он вырастает на 1 мб (при исходных 170кб).
Подскажите, как вы настраиваете sass&resolve-url?

Answer 1

[qtuz]

devtool: 'source-map'