I have been attempting for an extended period to configure CSS sourcemaps in webpack with no success. I am unsure where the issue lies within the process. I am hopeful that someone can provide guidance in the right direction.
Here is the situation:
https://i.sstatic.net/uMrGx.png
The line numbers and file names are incorrect. The file main.less actually consists of multiple @imports, while the actual CSS content resides in a separate file.
Below is my webpack.config.js. It has been formatted using util.inspect for better readability due to being combined from various chunks:
{ custom configuration goes here ... }
In the middle section, you will find the loaders specifically for .less. When expanded, they appear as follows:
[
{ css-loader settings ... },
{ postcss-loader settings ... },
{ less-loader settings ... }
]
All three loaders (css-loader, postcss-loader, and less-loader) have their sourceMap value set to true, indicating that the sourcemaps should trace back to the original source, correct?
What could potentially be the error on my end?