Angular2 : index.html의 환경 변수 사용

Question

index.html 파일에서 환경 변수를 사용하는 방법에 대한 아이디어. 환경이 돋보이는 경우 .js script A를 포함하고 환경이 다른 경우 스크립트 B를 포함해야합니다. 그렇지 않으면 배포 전에 index.html 파일을 수동으로 변경해야합니다.

Answer 1

동적으로 가져 오기 js 파일의 경우 Load external js script dynamically in Angular 2 또는 Dynamically load JS inside JS을 확인하십시오. 예를 들어 URL을 기반으로 가져올 파일 이름을 설정할 수 있습니다.

또 다른 옵션은 단일 파일에 모든 값을 설정하고 예를 들어 URL을 기반으로 사용할 값을 결정하는 것입니다. 예를 들어 이런 종류의 상황에

//prod values 
foo = "bar"; 
//non-prod values 
if (!prod) { 
    foo = "tux"; 
} 

가장 좋은 해결책은 지속적인 통합 (Gitlab, 인 TeamCity, 또는 뭔가 다른) 도구를 사용하는 것입니다. 파일을 github 같은 저장소에 올리면 CI 도구가 저장소에서 파일을 가져 와서 prod 환경의 값이 들어있는 js 파일로 복사합니다. 또한 응용 프로그램에 대한 테스트를 작성했는지 테스트 할 수 있습니다.이 경우 테스트에 실패하면 파일이 중단되고 복사되지 않습니다.

희망이 도움이됩니다.