The plugin is breaking the CSS sourcemap

[nelsieborja]

I have raised the issue here as well thought it was the mini-css-extract-plugin issue but just when I commented the RTL plugin from my Webpack config the sourcemap started working as expected.

Webpack config is straight forward:

// ...
    plugins: [
        new MiniCssExtractPlugin({
            filename: 'app-en.css'
        }),
        new WebpackRTLPlugin({
           filename: 'app-ar.css'
        })
    ],
    devtool: "source-map",
    module: {
        rules: [
            {
                test: /\.scss$/,
                use: [
                    MiniCssExtractPlugin.loader,
                    {
                        loader: 'css-loader',
                        options: { sourceMap: true },
                    },
                    {
                        loader: 'sass-loader',
                        options: { sourceMap: true },
                    },
                ]
// ...

What could be the issue? Also noticed, the source reference files are getting deleted, you can see this on the Browser's devtool under Sources tab and under webpack:// tree

[saschask]

Are there any updates or workarounds meanwhile? I'm currently facing the same issue and would also like to have working source-maps for both the actual and the RTL file.

[aprudnikoff]

I'm having the same question here. Any news?