How build a react project inside build folder

Question

When I do: npm run build I would like to create a folder inside the build folder and move all build output inside that folder.

At this moment I'm doing this:

"prebuild": "npm run build:clean",
"build": "react-scripts build",
"postbuild": "mkdir dest && cp -r build/* dest && npm run build:clean && mv dest build",
"build:clean": "rimraf build/*",

Clear build folder
Build app
Create dest folder
Copy all that is inside in build folder in dest folder
Clear build folder
Move dest folder inside build folder

How can I reduce it?

You can do this easily if you build your application using webpack — karthik vishnu kumar, Feb 26 '20 at 08:57
Sure, try this link https://medium.com/@siddharthac6/getting-started-with-react-js-using-webpack-and-babel-66549f8fbcb8 — karthik vishnu kumar, Feb 27 '20 at 09:53

Andrzej Ziółek · Accepted Answer · 2020-02-26T09:12:22.380

1

Simple answer is: you can't change it.

Build output is fixed in create-react-app and can't be changed, and this decision has its roots in philosophy of CRA.

Citing Dan Abramov, co-author of create-react-app:

I don’t think it is strange this feature is missing. Largely, it is intentional. It ensures most people have similar setups, and people can build tools (e.g. for deployment) assuming the same directory structure.

However, you can use trick backed-up by him, which is using mv to move build output:

"build": "react-scripts build && mv build {YOUR_PATH}"

edited Feb 26 '20 at 09:12

answered Feb 26 '20 at 09:03

Andrzej Ziółek

2,241
1
13
21

but first I need create the folder to move build to my path, no? – Javier Feb 26 '20 at 09:08
You can create directory if it doesn't exist already, for example using [this trick](https://stackoverflow.com/a/547927/7059945). – Andrzej Ziółek Feb 26 '20 at 09:11

How build a react project inside build folder

1 Answers1