3const fs = require('fs');
4const path = require('path');
5const paths = require('./paths');
7// Make sure that including paths.js after env.js will read .env variables.
8delete require.cache[require.resolve('./paths')];
10const NODE_ENV = process.env.NODE_ENV;
13 'The NODE_ENV environment variable is required but was not specified.'
17// https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use
19 `${paths.dotenv}.${NODE_ENV}.local`,
20 `${paths.dotenv}.${NODE_ENV}`,
21 // Don't include `.env.local` for `test` environment
22 // since normally you expect tests to produce the same
23 // results for everyone
24 NODE_ENV !== 'test' && `${paths.dotenv}.local`,
28// Load environment variables from .env* files. Suppress warnings using silent
29// if this file is missing. dotenv will never modify any environment variables
30// that have already been set. Variable expansion is supported in .env files.
31// https://github.com/motdotla/dotenv
32// https://github.com/motdotla/dotenv-expand
33dotenvFiles.forEach(dotenvFile => {
34 if (fs.existsSync(dotenvFile)) {
35 require('dotenv-expand')(
36 require('dotenv').config({
43// We support resolving modules according to `NODE_PATH`.
44// This lets you use absolute paths in imports inside large monorepos:
45// https://github.com/facebook/create-react-app/issues/253.
46// It works similar to `NODE_PATH` in Node itself:
47// https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders
48// Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.
49// Otherwise, we risk importing Node.js core modules into an app instead of Webpack shims.
50// https://github.com/facebook/create-react-app/issues/1023#issuecomment-265344421
51// We also resolve them to make sure all tools using them work consistently.
52const appDirectory = fs.realpathSync(process.cwd());
53process.env.NODE_PATH = (process.env.NODE_PATH || '')
54 .split(path.delimiter)
55 .filter(folder => folder && !path.isAbsolute(folder))
56 .map(folder => path.resolve(appDirectory, folder))
57 .join(path.delimiter);
59// Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
60// injected into the application via DefinePlugin in Webpack configuration.
61const REACT_APP = /^REACT_APP_/i;
63function getClientEnvironment(publicUrl) {
64 const raw = Object.keys(process.env)
65 .filter(key => REACT_APP.test(key))
68 env[key] = process.env[key];
72 // Useful for determining whether we’re running in production mode.
73 // Most importantly, it switches React into the correct mode.
74 NODE_ENV: process.env.NODE_ENV || 'development',
75 // Useful for resolving the correct path to static assets in `public`.
76 // For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.
77 // This should only be used as an escape hatch. Normally you would put
78 // images into the `src` and `import` them in code to get their paths.
79 PUBLIC_URL: publicUrl,
82 // Stringify all values so we can feed into Webpack DefinePlugin
84 'process.env': Object.keys(raw).reduce((env, key) => {
85 env[key] = JSON.stringify(raw[key]);
90 return { raw, stringified };
93module.exports = getClientEnvironment;
keysesc to close
- j k
- move down, up
- enter
- open
- esc
- back, or up a level
- 1 2 3 4
- readme, files, commits, refs
- /
- filter
- y
- copy the clone command
- c
- compare the chosen commit with another (or shift-click both)
- ?
- show or hide this list