角型プロジェクトのビルドを再利用する方法

Question

どうすれば角型ビルドを使用すれば、特定の環境ごとにビルドする必要はありませんか？

実行時に環境を操作する方法を見つける必要があります。

各環境の設定があります。NGビルド--env = devを使用し、開発環境用にビルドします。 QA、UAT、本番環境の設定を変更するにはどうすればよいですか？

ツールセット：.NETのVisual Studio Team Servicesを、2

、実行時にこれを行う方法はありませんアンギュラ？私たちはビルド時間/設計時間にこだわっていますか？

また、私たちのURLに基​​づいて環境を選択することも考えられます。 https://company-fancyspawebsite-QA .azurewebsites.net

PS：私たちは、環境ごとに角度2つの環境フォルダとアプリの設定ファイルを使用しています。私は、実行時に編集可能なコンフィグ設定を供給するために構成サービスを使用し

Answer 1

。

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; 
    } 
} 

私のsrcフォルダにありますconfig.json

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

が.angularであなたの資産にconfig.jsonを追加（これは角度-CLIを使用しています）

それを

を使用する方法

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

-cli.json

export class MyComponent { 
    private config: Config; 

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

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