Webpack sass более конкретные исходные карты - PullRequest
0 голосов
/ 04 октября 2018

Я пытаюсь получить более конкретные исходные карты из моих файлов 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',
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...