src 폴더 아래 config.js 파일을 하나 생성한다.

export const ELACTIC_URL: 'localhost:8000';
export const ES_INDEX_NAME: 'img_text_data';

사용 방법

import * as config from './config';

..

function someMethod () {
		**let host = config.ELASTIC_URL;**
}

개발환경/배포환경에 따라 다른 변수가 필요할 때는,

프로젝트 root에 파일을 만든다.

• .env.development
• .env.production
• .env.local

그리고 파일의 내용에는,

.env.development

REACT_APP_DB_HOST = 192.168.1.244:8000

.env.production

REACT_APP_DB_HOST = 10.20.30:9200

이와 같이 다른 호스트를 저장하여 사용할 수 있는데 중요한 점은 변수명 앞에는 꼭 REACT_APP_ 을 붙여야 한다.

npm start 로 하면 .env.development 파일의 내용을 사용하고