首页 > 解决方案 > Sass Sourcemap 错误行 - webpack

问题描述

看起来 sass-loader 正在生成一个指出错误行的源映射。

我不确定这是错误还是错误的规则配置,但是,在寻找答案的几天后,我无法找到解决方案。

这是一个错误示例,可以在第一个屏幕截图中看到我在第 12 行的 css 由第 6 行的源映射指出。

( https://user-images.githubusercontent.com/13212208/58823784-e6208380-8610-11e9-9182-a4ff059eff0b.png )

( https://user-images.githubusercontent.com/13212208/58823790-e7ea4700-8610-11e9-9538-b26ba37270af.png )

请大家帮我看看这里有什么问题吗?

代码 - webpack - Sass 规则

    // Docs SASS files
    {
        test: /[\\/]dev-tools[\\/]docs[\\/].+\.scss$/,
        use: [
            MiniCssExtractPlugin.loader,
            {
                loader: 'css-loader',
                options: {
                    sourceMap: true
                }
            },
            {
                loader: 'resolve-url-loader',
                options: {
                    sourceMap: true
                }
            },
            {
                loader: 'sass-loader',
                options: {
                    sourceMap: true
                }
            }
        ]
    },

标签: javascriptwebpacksass

解决方案


推荐阅读