React how can I build minify code in react library

Question

I have an issue with React Js app; how should I build minified code of my React code.

Code Structure

I run my react app with npm start

What should I do next to build minified files.

'build/static/js/main.d3cd729d.js'
'build/static/css/main.9b99bc40.css'

Does anyone help?

You need to setup bundler like webpack i hope you are already using this. You checkout the webpack docs for building minified bundles — Panther
– Panther, Commented May 8, 2020 at 13:10
how you have created the app? Have you created with npx create-react-app or setup with webpack? — Sonu Bamniya
– Sonu Bamniya, Commented May 8, 2020 at 13:11
medium.com/@rajaraodv/… - Look at this article from Medium — indranil32
– indranil32, Commented May 8, 2020 at 13:14

S. Hesam · Accepted Answer · 2020-05-08 14:42:49Z

1

If in your package.json file, these two scripts are exist

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    }

Then you can use the npm run build command to minify your react app code.

answered May 8, 2020 at 14:42

S. Hesam

7,1616 gold badges46 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ok let me try npm run build @s-hesam