Need to hide js file or minify it from the web browser after prod build in React-CodePudding

After using npm run build cmd with the following script in package.json file in my React App,

"scripts": {
    "start": "react-scripts start",
    "build": "set 'GENERATE_SOURCEMAP=false' && react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
},

FYI: I am using windows machine.

The js code is not hiding from the browser stil I can see from the browser sources tab. I am using spring application as backend.

Can anyone tell me how can I do hide js file or minify it after prod build.

CodePudding user response：

the only way to hide those files would be to not include them at all.

what is it you are trying to accomplish by 'hiding' a file?

Are you trying to hide api keys or other secrets?

CodePudding user response：

You would need to deploy the React app in order for the NODE_ENV to equal production, which would then run the app through the build folder, which GENERATE_SOURCEMAP is equal to false.