Setting development mode in custom components with source maps

I am developing a few custom components but would like to be able to debug the javascript normally on client side
I have tried editing webpack.config.js by setting devtools = "source-maps" and forcing mode = "production" and useing -d flag but still get obfuscated code without source maps

Any ideas?
Do I need to add more custom webpack configs to get around this?