How to use React app's localhost configuration

Question

This answer suggests overriding PUBLIC_URL when running in in development, and is exactly what I need (see immediately below).

{
  // ...
  "scripts": {
    "build": "react-scripts build",
    "build-localhost": "PUBLIC_URL=/ react-scripts build"
    // ...
  }
  // ...
}

How do I actually make use of this though? I tried building like this

npm run-script build-localhost

But I got an error saying

'PUBLIC_URL' is not recognized as an internal or external command

The app I'm trying to use this in is a ASP.NET Core 3.1 webapp with React inside, but my React knowledge is very limited. When I start the app in Visual Studio I want it to be running the app with a public URL of '/'.

glinda93 · Accepted Answer · 2020-07-02 16:49:40Z

3

OP works for linux/mac.

Seems like your dev environment is Windows.

Change package.json like the following:

"build-localhost": "set PUBLIC_URL=/ && react-scripts build"

And then run

$ npm run build-localhost

answered Jul 2, 2020 at 16:49

glinda93

8,5297 gold badges51 silver badges88 bronze badges

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

4 Comments

Richard Over a year ago

Thanks for this, it works perfectly. When I start my app in VisualStudio (after running npm run build-localhost), my React app is still set to the PUBLIC_URL that I set in the "homepage" attribute in package.json. Is there somewhere in VS where I can tell it to run the 'build-localhost' configuration?

glinda93 Over a year ago

I am as good at VisualStudio and ASP.NET core as you're at npm :)

Richard Over a year ago

No worries, if I figure it out I'll post it here anyway, thanks :)

Richard Over a year ago

For Visual Studio, you can install the NPM Task Runner extension and then get it to run scripts when the project is opened or when it is built. It doesn't work properly on package.json if that file is not in the root of the project, but there are workarounds like this one: github.com/madskristensen/NpmTaskRunner/issues/…

Collectives™ on Stack Overflow

How to use React app's localhost configuration

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related