react-scripts build into a subdirectory

Question

I am using create-react-app and running react-scripts build on a my project, but I'm having an issue with the build output. I need the build output to go in a subdirectory of the build folder like shown here

Build
-- Player

And I need the Urls for the generated for the JS and CSS files as shown here to include the Player in the path. I need these.

<link href="/static/css/main.02096f02.css" rel="stylesheet">
<script type="text/javascript" src="/static/js/main.75412701.js"></script>

to be these

<link href="/player/static/css/main.02096f02.css" rel="stylesheet">
<script type="text/javascript" src="/player/static/js/main.75412701.js"></script>

I need this to automate my build and deployment. Otherwise the default scripts work perfectly.

carpiediem · Accepted Answer · 2019-12-12 05:25:31Z

6

If you set the homepage attribute in your package.json file, that will modify all the links generated in /build/index.html. Here's the docs.

"homepage": "http://mywebsite.com/relativepath",

answered Dec 12, 2019 at 5:25

carpiediem

2,0481 gold badge26 silver badges45 bronze badges

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

Comments

Midhun G S · Accepted Answer · 2018-05-16 13:09:09Z

0

You can add postbuild script in package.json

"scripts": {
    "build": "react-scripts build",
    "postbuild" : "mv build /Player/"
}

Please try this.

answered May 16, 2018 at 13:09

Midhun G S

9959 silver badges23 bronze badges

1 Comment

carpiediem Over a year ago

The question is about a sub-directory on the web server, not the location of the files on your local computer.

Collectives™ on Stack Overflow

react-scripts build into a subdirectory

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related