Process.env variables inside index.html

I’ve read the docs thoroughly as well as issues here and haven’t found such a suggestion.

How about injecting the process.env values to index.html too, just like PUBLIC_URL is being injected?

It’s useful in cases you want to must embed variables (like API keys) in a script tag, e.g. when using react-google-autocomplete and you have to put the following in index.html:

 <script type="text/javascript"
            src="https://maps.googleapis.com/maps/api/js?key=%SOME_ENV_VARIABLE%&libraries=places"/>

I know I can do it by ejecting and adding parameters to webpack config, but I thought there should be a better way to perform this without ejecting.

Thanks

[thien-do]

@gaearon do you mean something like this: https://github.com/dvkndn/create-react-app/commit/ca8e0c557b409b929b6323861f625aa2e321234b

If so I can make one. The above is just idea, I will add for config.prod.js and do some test before making a PR.

[gaearon]

This was implemented in https://github.com/facebookincubator/create-react-app/pull/1440.