如何使用create-react-app创建新环境？

Question

I am using react-scripts v2 (beta) and I have read the documentation here .

We need to create many environments.

• We want to store env file under folder config/env .
• We might use javascript file in config/env/staging.js because .env seems to be only for root directory.
• We have real environment :
  • default
  • development
  • staging
  • preproduction
  • production
• We expect the default environment to be a default config under version control in config/env/default.js , it must be the default configuration used when doing npm start
• We expect the user to be able to override with a file with no version control. (something like config/env/default.local.js

Basically that can be reduced to two issues :

1. Is it possible to relocate env location folder?
2. How can we create and select a new environment on npm start/build ?

without ejecting.

Answer 1

Just copy the environment file to .env before starting / building. You can even put .env in .gitignore that way

"start": "cp $ENV .env && react-scripts start"

Then run it:

ENV=config/staging/.env npm start

There are lots of ways of doing what you want without ejecting, since it's all preprocessing (before your app starts / builds).