Webpack sass-loader 生成错误/损坏的源映射

问题描述

我正在尝试为大型项目生成正确的源映射（使用 monorepo、从其他同级项目加载文件的别名和引导程序）。下面是我的 webpack.config.js 文件。目前，它生成命中或未命中的源映射，有时生成正常（例如，对于引导文件，映射是完美的），有时它指向与原始文件和行完全不同的文件和行，有时甚至生成错误的 scss文件映射。我曾尝试启用 compressed: true，但它只会让一切变得更加混乱，有些文件指向正确，但大多数指向错误的行或文件。

SCSS 文件正在编译，但源映射被命中或未命中。我的配置有问题吗？任何用于生成正确源映射的简单样板？

    {
        mode: 'none',name: 'scss',entry: scssFiles,// list of entries generated by function
        devtool: 'source-map',stats: 'errors-warnings',output: {
            path: path.resolve(__dirname),filename: '[name].css'
        },module: {
            rules: [{
                test: /\.scss$/,use: ExtractTextPlugin.extract({
                    use: [
                        {
                            loader: 'css-loader',options: {
                                sourceMap: true,url: false,minimize: false
                            }
                        },{
                            loader: 'postcss-loader',plugins: [
                                    require('autoprefixer')()
                                ]
                            }
                        },{
                            loader: 'sass-loader',// outputStyle: 'compressed',// Have tried it on too.
                                includePaths: [
                                    path.resolve('node_modules'),path.resolve('node_modules/flag-icon-css/sass')
                                ]
                            }
                        }
                    ]
                })
            }]
        }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）