DEV Community

loading...

Discussion on: How to Hide your React Source Code from Chrome Dev Tools when Deployed to Production

Collapse
williamhenderson profile image
William Henderson

While this is a nice thing to do, and definitely good practice when deploying to production, you shouldn't rely on this alone to protect your source code as it can be easily found by prettifying the output main.js bundle.

Collapse
myogeshchavan97 profile image
Yogesh Chavan Author • Edited

Even though you prettify the code, the prettified code is a minified code with all the variables names changed and is a single .js file with ES5 code which webpack creates from your React source code so it's not easily understandable.

Collapse
ender_minyard profile image
ender minyard

How/why is this good practice when deploying to production?

Collapse
williamhenderson profile image
William Henderson

If your project is open source then it makes no difference, but for closed source projects you don't want to ship your source code as part of your production build.

Thread Thread
ender_minyard profile image
ender minyard

Why?