How to change outputDir (/build) of TypeScript code in create-react-app

Question

I am using create-react-app with TypeScript template to manage my React project (yarn create react-app my-app --template typescript)

When I run react-scripts build my code is built into /build folder. How to customize this directory?

I tried to change outDir of compilerOptions in tsconfig.json, but this seems ignored by CRA.

Does this answer your question? Use custom build output folder when using create-react-app — MiguelSlv
– MiguelSlv, Commented May 4, 2022 at 14:39

keikai · Accepted Answer · 2020-04-03 08:12:53Z

4

It seems impossible at this moment,

There are workarounds, however.

For example, you can build then move it

Inside package.json

"build": "react-scripts build && mv build docs"

There are many other solutions there, find a suitable one would be good.

answered Apr 3, 2020 at 8:12

keikai

15.3k10 gold badges56 silver badges73 bronze badges

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

Comments

Izzy · Accepted Answer · 2021-11-11 21:11:09Z

3

You can set BUILD_PATH and do as such on Windows set \"BUILD_PATH=new-folder\" && react-scripts build

answered Nov 11, 2021 at 21:11

Izzy

4504 silver badges10 bronze badges