환경에 따라 다른 파일 가져 오기

Question

저는 Create-React-App을 사용하고 있습니다. 실행되는 환경에 따라 달라지는 데이터가있는 2 개의 정적 JSON 파일이 있습니다.

응용 프로그램을 실행하는 환경에 따라 파일을 가져 오는 가장 좋은 방법은 무엇입니까?

나는 이것을 가지고 있지만보기에 좋지 않습니다. 다른 조언은 없습니까?

if (process.env.NODE_ENV !== 'production') { 
     import data from './data/devData'; 
    } 
    if (process.env.NODE_ENV === 'production') { 
     import data from './data/prodData'; 
    } 

Answer 1

"default"와 "production"과 같은 키를 사용하여 config 파일 하나를 만들 수 있습니다. 파일로 가져온 후에는 process.env를 확인하고 실제 구성 객체를 반환하십시오.

const config = require('./data/config.json'); 

function getConfig() { 
    let customConfig = config['default']; 

    if (process.env.NODE_ENV === 'production') { 
     customConfig = config['production']; 
    } 

    return customConfig; 
}