css - 使用 css 前/后处理器生成 webpack 源图

Question

有没有人在使用 css 预处理器（less/scss/styl）时使用 webpack 成功生成（css）源图？

我试过使用这样的链式加载器：

webpack.config

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

但 sourcemap 显示来自 less（而不是源）的编译输出，但是它显示正确的文件名。

无所谓

@red: red;

.whatever {
  color: @red;
}

映射到/absolute/path/to/whatever.less，内容如下

.whatever {
  color: #f00;
}

@red 怎么了？