Customize build folder

On a project I’m currently working on, we’re using a file called BUILD that specifies build instructions for our microservices.

and due to Mac OS Sierra, case insensitivity is an issue, so being able to do something like

react-scripts build --path dist would be ideal in the package.json

is this possible currently?

[gaearon]

You can do this with something like:

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

in scripts in your package.json.

I think this is a good enough workaround for now, so I’ll close this request.

[gaearon]

You can add

  "postbuild": "node my-script.js"

to scripts in package.json and then move files anywhere in that script. For example it could copy everything in build/* and move those files to ../my-site/public/htdocs/.

but then all the URLs to JS and CSS files would be wrong, since they’re not pointing to the static folder.

If you want to serve from /static, you can set homepage in package.json to http://mywebsite.com/static. Then it will hardcode /static into the paths in index.html and between the bundles.

Additionally, how does one inject initial data into the CRA HTML file

Generally we recommend this:

https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#generating-dynamic-meta-tags-on-the-server

https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#injecting-data-from-the-server-into-the-page

CRA output is just a static file, so any strategy that would work with a static file would work for us too. We don’t support any particular templating syntax but you can come up with your own interpolation that’s completely replaced on server side.