반응을 넘어서

가져 오기가 이미 글로벌 이라는 사실을 모를 수 있습니다 . 객체 (싱글 톤)를 내 보내면 import 문으로 전역 적으로 액세스 할 수 있으며 전역 적으로 수정할 수도 있습니다 .

무언가를 전역 적으로 초기화하고 싶지만 한 번만 수정되도록하려면 처음에 수정 가능한 속성 이있는이 싱글 톤 접근 방식 을 사용할 수 있지만 처음 사용한 Object.freeze후에 사용 하여 초기화 시나리오에서 변경 불가능 하도록 할 수 있습니다.

const myInitObject = {}
export default myInitObject

그런 다음 그것을 참조하는 init 메소드에서 :

import myInitObject from './myInitObject'
myInitObject.someProp = 'i am about to get cold'
Object.freeze(myInitObject)

는 myInitObject그것이 어디서든 참조 할 수 여전히 글로벌 될 것입니다 가져 오기로 하지만 냉동을 유지하고 누군가 시도를 수정하는 경우에 발생합니다.

react-create-app을 사용하는 경우

(실제로 찾고 있던 것)이 시나리오에서는 환경 변수를 참조 할 때 전역 개체를 깨끗하게 초기화 할 수도 있습니다.

프로젝트의 루트에 접두사가 붙은 변수 를 사용 하여 .env 파일을 만드는 REACT_APP_것은 매우 훌륭합니다. process.env.REACT_APP_SOME_VAR필요에 따라 JS 및 JSX 내에서 참조 할 수 있으며 설계 상 변경할 수 없습니다.

이렇게하면 window.myVar = %REACT_APP_MY_VAR%HTML 로 설정할 필요가 없습니다 .

Facebook에서 직접 이에 대한 더 유용한 세부 정보를 참조하십시오.

https://facebook.github.io/create-react-app/docs/adding-custom-environment-variables

답변

componentWillMount: function () {
    window.MyVars = {
        ajax: require('../helpers/ajax.jsx'),
        utils: require('../helpers/utils.jsx')
    };
}

module.exports = global.config = {
    i18n: {
        welcome: {
            en: "Welcome",
            fa: "خوش آمدید"
        }
        // rest of your translation object
    }
    // other global config variables you wish
};

import './config';

global.config.i18n.welcome.en

externals: {
  'config': JSON.stringify(GLOBAL_VARIABLE: "global var value")
}

var config = require('config')
var GLOBAL_VARIABLE = config.GLOBAL_VARIABLE