In my project I'm including one CSS file and one SCSS file:
require('./../vendor/glyphicons/glyphicons.css');
require('./../css/main.scss');
Source map for CSS - works fine:
{
test: /\.css$/,
loader: ExtractTextPlugin.extract({
loader: ['css-loader?sourceMap']
})
}
Source map for SCSS - broken (all rules point to same line, to parent element - body
)
{
test: /\.scss$/,
loader: ExtractTextPlugin.extract({
loader: ['css-loader?sourceMap', 'postcss-loader', 'sass-loader?sourceMap']
})
}
EDIT: I see I'm not the only one having this problem.