javascript - ソースマップと URL ステートメントを含む Webpack sass ローダー

Question

url('')ソース マップを作成するには、ステートメントで絶対 URL を使用する必要があることを読みました。私はこのようにしました：

body
    background-image: url('/elements/assets/tmp_background.jpg')

cssローダーからsourceMapオプションを削除すると機能しますが、アクティブにすると機能しません。

絶対パスポイントのどこかで失敗したのではないかと思います。何かアイデアはありますか?

ここに私の設定ファイルがあります:

module.exports = {
  devtool: 'source-map',
  entry: [
    'webpack/hot/dev-server',
    'webpack-dev-server/client?http://localhost:8080',
    path.resolve(__dirname, 'elements/main.js'),
  ],
  output: {
    path: 'dist',
    publicPath: '/',  // Prefix for all the statics urls
    filename: 'bundle.js',
  },
  resolve: {
    root: path.resolve(__dirname),
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader?presets[]=es2015',
      },
      { test: /\.css$/,  loaders: ['style', 'css'] },
      { test: /\.scss$/, loaders: ['style', 'css?sourceMap', 'sass?sourceMap'] },
      { test: /\.sass$/, loaders: ['style', 'css?sourceMap', 'sass?sourceMap&indentedSyntax=true'] },
      { test: /\.jade$/, loaders: ['ngtemplate', 'html', 'jade-html'] },
      { test: /\.(png|gif|jp(e)?g)$/, loader: 'url-loader?limit=8192' },
      { test: /\.(ttf|eot|svg|woff(2))(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'url-loader?limit=50000' },
    ],
  },
};

より一般的な考えでは、私がやろうとしていることの実例を見つけることができませんでした。あなたが私をそこにリダイレクトできるなら、私は非常に興味があります.