Create-React-App absolute paths to JS and CSS in prod build

Question

I'm using create-react-app and in prod I'd like to serve the JS and CSS and other static assets on s3, but serve the index.html file from another location. However, the URLs in the built files are all relative paths.

Is there a way (without ejecting) to use absolute URLs in the production build?

Toby · Accepted Answer · 2019-02-04 16:38:37Z

6

Apparently this is achievable with the PUBLIC_URL environment variable. I was under the impression this variable was intended to be used if the React app would be living in a sub-directory, in order to fix client side routing. However, by adding:

PUBLIC_URL=https://<my-s3-bucket_url>

The URLs in all files become absolute URLs instead of relative URLs.

answered Feb 4, 2019 at 16:38

Toby

13.5k9 gold badges51 silver badges78 bronze badges

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

1 Comment

Ali H. Kudeir Over a year ago

Saved me huge effort and time, almost ejected from cra, thank you

Collectives™ on Stack Overflow

Create-React-App absolute paths to JS and CSS in prod build

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related