how to make webpack sourcemap to original files

google-chrome debugging webpack visual-studio-code

I changed this:

output: {  // ...snip...  devtoolModuleFilenameTemplate: function(info){    return "file:///"+info.absoluteResourcePath;  }},

to this:

output: {  // ...snip...  devtoolModuleFilenameTemplate: function(info){    return "file:///"+encodeURI(info.absoluteResourcePath);  }},

and now it encodes the spaces properly, and the sourcemap file works as expected.

google-chrome debugging webpack visual-studio-code

Thanks to Rob Lourens, this problem is caused by spaces and other special characters in the file path that may break sourcemaps.

CodeHunter