webpack 구성에서 스키마에 액세스

Question

webpack.config.js에 다음 코드가 있습니다:

module.exports = {
    항목: {
        색인: "./src/index.js",
        콘텐츠: "./src/content.js"
    },
    mode: "production", // React 코드에서 이 값에 어떻게 접근하나요?
    devtool: '인라인 소스 맵',
    ...

mode'development'인지 'production'인지에 따라 PayPal에 다른 클라이언트를 사용해야 합니다. ; ID(샌드박스 또는 실제 환경). 중복은 피하시길 바랍니다. 그렇다면 내 React 코드에서 이 값에 어떻게 액세스합니까?

Answer 1

모듈 내보내기를 화살표 기능으로 확장하여 이 모드에 액세스할 수 있습니다. 이는 분해할 수 있는 두 번째 인수(args)의 일부입니다.

으아악

그런 다음 webpack.define과 같은 것을 사용하여 클라이언트 환경 변수를 생성할 수 있습니다. 예를 들면 다음과 같습니다.

으아악

그런 다음 클라이언트 JS의 어느 곳에서나 SOME_ENV(또는 무엇이라고 부르든)를 참조하여 해당 환경 변수에 액세스할 수 있습니다.