Why the original source code is showing in the source using webpack? And how to disable it?

Question

I am using Facebook's 'create-react-app' template to create my project, after I deployed it to server, I find out that I can view the source code via:

Chrome > Console > Sources > webpack://

Is this possible to disable it? Thanks.

Answer 1

1. Eject your create-react-app by running npm run eject
2. Open /config/webpack.config.prod.js
3. Remove or comment out line 53 containing devtool: 'source-map',
4. Build, and deploy your app again

Ironically, the annotations inside of /config/webpack.config.prod.js admit generating sourcemaps in production "is slow but gives good results". I'm not sure what good results means but theres your fix.