Я пытаюсь получить более конкретные исходные карты из моих файлов scss с помощью веб-пакета.
Притворимся, что у меня есть этот пример .scss
1. .parent {
2. font-size: 10px;
3.
4. .child {
5. font-size: 15px;
6. }
7. }
И я проверяю на <div class="child"></div>
Я вижу, что это:
.parent .child { example.scss:1
font-size: 15px;
}
Есть ли способ указать это на example.scss: 4?
Я все еще гуглину, но спрашивать не мешает, так как у меня нетеще не нашел, верно?:)
Мой конфиг веб-пакета:
{
entry: function() {
...
},
output: {
...
},
module: {
rules: [
{
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/,
},
{
test: /\.vue$/,
loader: 'vue-loader',
options: {
esModule: false,
loaders: {
scss: ExtractTextPlugin.extract({
use: [
{
loader: 'css-loader',
options: {
sourceMap: true,
url: false,
},
},
{
loader: 'sass-loader',
options: {
sourceMap: true,
url: false,
},
}],
fallback: 'vue-style-loader?sourceMap',
}),
},
},
},
],
},
resolve: {
...
},
plugins: [new ExtractTextPlugin('../css/[name].css')],
devtool: 'module-source-map',
}