# Setting development mode in custom components with source maps

**URL:** <https://community.plotly.com/t/setting-development-mode-in-custom-components-with-source-maps/71644>\
**Category:** Dash Python\
**Tags:** community-components, question\
**Created:** [January 15, 2023, 7:51am UTC](https://community.plotly.com/t/setting-development-mode-in-custom-components-with-source-maps/71644 "2023-01-15T07:51:27Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![dales](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/dales/32/19607_2.png) [@dales](https://community.plotly.com/u/dales)\
**Post date:** [January 15, 2023, 7:51am UTC](https://community.plotly.com/t/setting-development-mode-in-custom-components-with-source-maps/71644/1 "2023-01-15T07:51:28Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![CNFeffery](https://avatars.discourse-cdn.com/v4/letter/c/d07c76/32.png) [@CNFeffery](https://community.plotly.com/u/CNFeffery)\
**Post date:** [August 9, 2024, 2:34am UTC](https://community.plotly.com/t/setting-development-mode-in-custom-components-with-source-maps/71644/2 "2024-08-09T02:34:10Z")

</div>

I was using the UglifyJsPlugin plugin, which kept me from generating the sour-map file, but when I removed it from webpack.config.js, everything worked fine.