Webpack和SASS源映射路径问题

Question

我做了一个非常简单的项目来解决这个问题。

项目结构是：

webpack.config.js的内容：

var path = require('path');

module.exports = {

    entry: [
        './src/main.js',
        './src/main.scss'
    ],

    output: {
        path: path.join(__dirname, 'www/'),
        filename: 'bundle.js'
    },

    module: {
        loaders: [{
            loaders: ['style-loader', 'css-loader?sourceMap', 'sass-loader?sourceMap'],
            test: /\.scss$/
        }]
    },

    devtool: 'source-map',

    devServer: {
        contentBase: 'www/'
    }
};

捆绑生成工作正常，但是当我调试应用程序时，SASS源映射没有正确的基本路径：

因为它嵌套了src/中的第二个src/文件夹。我尝试添加sass-loader sourceMapRoot选项：

'sass-loader?sourceMap&sourceMapsRoot=src/'

但它无法解决问题。我知道这并不重要，但我想知道是否有人正常工作或有同样的问题。

致以最诚挚的问候，谢谢。