각도 프로젝트에 대한 빌드 재사용 방법

Question

어떻게하면 내 각진 빌드를 사용할 수 있습니까? 모든 특정 환경에 맞게 빌드하지 않아도됩니까?

실행시 환경을 각도로 조작하는 방법을 찾아야합니다!

각 환경에 대한 설정이 있으며 NG 빌드 --env = dev을 사용하고 dev 환경 용으로 빌드합니다. QA, UAT 및 프로덕션 환경에서 구성을 어떻게 변경합니까?

도구 세트 : 닷넷 비주얼 스튜디오 팀 서비스, 2

런타임에이 작업을 수행 할 수있는 방법은 없습니다 각도? 우리는 빌드 시간/디자인 타임을 고수하고 있습니까?

또한 우린 접미사가있는 URL을 기반으로 환경을 선택할 수 있습니까? https://company-fancyspawebsite-품질 보증 .azurewebsites.net

PS : 우리는 각각의 환경에 대해 각 2 개 환경 폴더 및 응용 프로그램 설정 파일을 사용하고 있습니다.

Answer 1

나는 실행시에 편집 구성 설정을 제공하기 위해 구성 서비스를 사용합니다. 내 src 폴더

{ 
    "WebApiBaseUrl": "http://myWebApi.com", 
    "EnableConsoleLogging": true, 
    "PageSize": 10 
} 

을에있는 (이 각도-CLI를 사용)

config.service.ts

import { Injectable } from '@angular/core'; 
import { Http, Headers, RequestOptions, Response } from '@angular/http'; 

export interface Config { 
    PageSize: number; 
    EnableConsoleLogging: boolean; 
    WebApiBaseUrl: string; 
} 

@Injectable() 
export class ConfigService { 
    private config: Config; 

    constructor(private http: Http) { } 

    public getConfigSettings(): Config { 
     if (!this.config) { 
      var Httpreq = new XMLHttpRequest(); 
      Httpreq.open("GET", 'config.json', false); 
      Httpreq.send(null); 

      this.config = JSON.parse(Httpreq.responseText); 

      if (this.config.EnableConsoleLogging) 
       console.log("Config loaded", this.config); 
     } 

     return this.config; 
    } 
} 

config.json는 .angular에 자산 config.json를 추가

-cli.json

{ 
    }, 
    "apps": [ 
    { 
     "assets": [ 
     "config.json" 
     ] 
    } 
    } 
} 

그것을

를 사용하는 방법

export class MyComponent { 
    private config: Config; 

    constructor(private configService: ConfigService) { 
     this.config = configService.getConfigSettings(); 

     console.log(this.config.WebApiBaseUrl); 
    } 
}