Deploy react app to S3 script

Question

I have a React app which is running on AWS S3. Here is my script for building & deploying;

"scripts": {
  "predeploy": "npm run build-css && NODE_PATH=src react-scripts build",
  "deploy": "aws s3 sync build/ s3://example.com",
}

However, this is very annoying that I should wait for the "predeploy" then "deploy". How do I achieve it with just one command line?

Can I just join all in one? So for example,

"deploy": "npm run build-css && NODE_PATH=src react-scripts build && aws s3 sync build/ s3://example.com"

For other details regarding CRA deployment to AWS S3/CloudFront: stackoverflow.com/questions/54655204/… — CharlieH
– CharlieH, Commented Apr 26, 2019 at 13:52

Lewis Flude · Accepted Answer · 2019-01-31 14:32:06Z

1

Yes you can!

If you want to only sync certain files (i.e. create a whitelist so you don't deploy .map files etc.) you can do something like:

"deploy": "npm run build-css && NODE_PATH=src react-scripts build && aws s3 sync build/ s3://example.com --ecluse '*' --include 'yourFileName.js' --include 'yourOtherFileName.css'"

answered Jan 31, 2019 at 14:32

Lewis Flude

383 bronze badges

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

Collectives™ on Stack Overflow

Deploy react app to S3 script

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related