2017-11-26 05:19:55 +00:00
|
|
|
|
"use strict"
|
2017-03-26 06:53:54 +00:00
|
|
|
|
|
|
|
|
|
// Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
|
|
|
|
|
// injected into the application via DefinePlugin in Webpack configuration.
|
|
|
|
|
|
2017-11-26 05:19:55 +00:00
|
|
|
|
var REACT_APP = /^REACT_APP_/i
|
2017-03-26 06:53:54 +00:00
|
|
|
|
|
|
|
|
|
function getClientEnvironment(publicUrl) {
|
2017-11-26 05:19:55 +00:00
|
|
|
|
var raw = Object.keys(process.env)
|
2017-03-26 06:53:54 +00:00
|
|
|
|
.filter(key => REACT_APP.test(key))
|
2017-11-26 05:19:55 +00:00
|
|
|
|
.reduce(
|
|
|
|
|
(env, key) => {
|
|
|
|
|
env[key] = process.env[key]
|
|
|
|
|
return env
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
// Useful for determining whether we’re running in production mode.
|
|
|
|
|
// Most importantly, it switches React into the correct mode.
|
|
|
|
|
NODE_ENV: process.env.NODE_ENV || "development",
|
|
|
|
|
// Useful for resolving the correct path to static assets in `public`.
|
|
|
|
|
// For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.
|
|
|
|
|
// This should only be used as an escape hatch. Normally you would put
|
|
|
|
|
// images into the `src` and `import` them in code to get their paths.
|
|
|
|
|
PUBLIC_URL: publicUrl
|
|
|
|
|
}
|
|
|
|
|
)
|
2017-03-26 06:53:54 +00:00
|
|
|
|
// Stringify all values so we can feed into Webpack DefinePlugin
|
|
|
|
|
var stringified = {
|
2017-11-26 05:19:55 +00:00
|
|
|
|
"process.env": Object.keys(raw).reduce((env, key) => {
|
|
|
|
|
env[key] = JSON.stringify(raw[key])
|
|
|
|
|
return env
|
|
|
|
|
}, {})
|
|
|
|
|
}
|
2017-03-26 06:53:54 +00:00
|
|
|
|
|
2017-11-26 05:19:55 +00:00
|
|
|
|
return { raw, stringified }
|
2017-03-26 06:53:54 +00:00
|
|
|
|
}
|
|
|
|
|
|
2017-11-26 05:19:55 +00:00
|
|
|
|
module.exports = getClientEnvironment
|