How to locate build output files of react app in Visual Studio 2022

Question

I created a "Standalone TypeScript React Project" in Visual Studio 2022.

The project could be run successfully by pressing F5 key.

I tried building the solution by clicking "Build -> Build Solution"

After building, I cannot locate the files that should have been produced by the build operation.

How can I find the files?

Answer 1

Hello Jiatong Zhu ,

Thank you for reaching out on the Microsoft Q&A .

To locate your React app's build output in Visual Studio 2022, follow these steps:

First, open up File Explorer and head to your project folder. Look out for the build folder inside – that's where all the important files like index.html, static assets, and JavaScript bundles reside.

Now, if you're up for it and want to tweak the output location:

Simply right-click on your project in Visual Studio's Solution Explorer, then click on "Properties." From there, navigate to the "Build" section where you'll find the "Output path" property. Adjust it to your liking and hit "OK" to save your changes.

I hope this helps! If you have any further questions, feel free to ask.

If the information is useful, please accept the answer and upvote it to assist other community members.

Answer 2

vs 2002 uses a node project for standalone react apps (even when compiled with core). the key to the node project is the package.json file, which defines the build command under the "scripts" section. if you used a current template it use vite to build the app. vite by default writes to the /dist folder, but this can be overridden in build command.