title: Why my environmental variable is returning undefined using parcel and react
body: <p>I am working on a project in React and Parcel when I try console.log(process.env) is returning an empty object but if I add API_Key to it  will return undefined </p>
  
  <p>Can someone tell me what is wrong? Why my environmental variable is returning undefined </p>
  
  <p>here is my package json :</p>
  
  <pre><code>    "clear-build-cache": "rm -rf .cache/ dist/",
      "dev": "parcel src/index.html",
      "build": "parcel build index.html",
      "dev:mock": "cross-env OPEN-INV=mock parcel src/index.html",
      "format": "prettier --write \"src/**/*.{js,jsx}\"",
      "lint": "eslint \"src/**/*.{js,jsx}\" --quiet",
      "test": "echo \"Error: no test specified\" &amp;&amp; exit 1"
    `},
  
  here is my .env file which is next to the package .json
  REACT_APP_API_KEY:"my api key"
  
  
  console.log(process.env) // {}
  console.log(process.env. REACT_APP_API_Key)// undefined
  </code></pre>