웹 팩 빌드 후 구성 값 변경

웹 팩 빌드 후 구성 값 변경

정적 폴더에 config.js가 있음

module.exports = {
  config: {
    urls: {
     auth: localhost
    }
  }
}

나는 달린다npm run build그리고 출력(저장된 폴더)을 클라이언트에 전송하여 프로덕션 환경에 배포하십시오.나는 고객이 auth의 가치를 편집할 수 있기를 바란다.

구성이 현재 웹 팩에서 외부 파일로 구성됨:

const config = require(path.join(paths.STATIC, 'config.js'))

externals: [{
    appsetting: JSON.stringify(config)
}]

config.js를 웹 팩 빌드 후 변경 사항을 인식하도록 하려면 어떻게 해야 하는가?

이런 건 어때?axios:

function readConfig () {
   return axios.get('./static/config.js').then((response) => {
       return response.data
   });
}

readConfig().then((config) => {
    // Do stuff
});

config.js가 정적/폴더에 복사되었는지 확인하십시오.

webpack.config에서 다음에 대한 항목 파일 만들기config.js수입/수입config.js구성을 사용하는 다른 파일.

참조URL: https://stackoverflow.com/questions/47795134/change-configuration-values-post-webpack-build