css - css プリ/ポスト プロセッサを使用して webpack ソースマップを生成する

Question

css プリプロセッサ (less/scss/styl) を使用しているときに、webpack でソースマップ (css) を正常に生成した人はいますか?

次のような連鎖ローダーを使用してみました。

webpack.config

loaders: [{
    test: /\.less$/,
    loader: "style-loader!css-loader?sourceMap!less-loader?sourceMap"
}]

ただし、ソースマップには、(ソースではなく) less からコンパイルされた出力が表示されますが、正しいファイル名が表示されます。

何でもない

@red: red;

.whatever {
  color: @red;
}

次の内容で /absolute/path/to/whatever.less にマッピングされます

.whatever {
  color: #f00;
}

@redに何が起こったの？