Newline Proliferating Maniac
    Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    react-app-envpublic

    React app env

    Run create-react-app application with env variables.

    Goal

    Cozy and cross OS create-react-app application runner with environment variables.

    Default environment files:

    • start and test script - development.env
    • build script - production.env

    Environment file example ./development.env

    GOOGLE_CLIENT_ID = XXX_YYY_ZZZ
    API_PROTOCOL = http:
    API_HOST = localhost:9876
    API_PREFIX = api
    API_SECURITY_TOKEN = access_token
     
    NODE_PATH = src/scripts
    PORT = 9001

    react-app-env will automatically add REACT_APP prefix to each env variable expect:

    With this environment file defined above:

    react-app-env start

    is equals to

    cross-env REACT_APP_GOOGLE_CLIENT_ID=XXX_YYY_ZZZ REAC_APP_API_PROTOCOL=http: REACT_APP_API_HOST=localhost:9876 REACT_APP_API_PREFIX=api REACT_APP_API_SECURITY_TOKEN=acess_token NODE_PATH=src/scripts PORT=9001 react-scripts start

    Use environment variables:

    const googleClientId = process.env.REACT_APP_GOOGLE_CLIENT_ID;
    const apiHost = process.env.REACT_APP_API_HOST;

    Custom env files

    • use --env-file flag
    react-app-env --env-file=configs/local.env start

    Install

    npm i --save-dev react-app-env

    npm scripts

    "scripts": {
      "start": "react-app-env start",
      "build": "react-app-env build",
      "test": "react-app-env test",
    }

    Keywords

    none

    install

    npm i react-app-env

    Downloadslast 7 days

    640

    version

    1.2.0

    license

    ISC

    last publish

    collaborators

    • avatar