webpack 2를 사용하여 Angry-Cli 기반 프로젝트로 DefinePlugin

Question

webpack2 프로젝트로 angular2를 angular-cli 기반 프로젝트로 변환하려고합니다.

정확하게 이해하면 angular-cli가 이제 webpack을 지원합니다. webpack.config.js 파일에 다음을 추가하여

module.exports = { 
    webServer: { 
     appBaseHref : JSON.stringify("/") 
    }, 
    auth0: { 
     apiKey: JSON.stringify("API_KEY"), 
     domain: JSON.stringify("DOMAIN.auth0.com"), 
     callbackUrl: JSON.stringify("CALLBACK_URL") 
    } 
}; 

: 내 원래의 프로젝트에 나는 app.config.js 다음을 주입

const appConfig = require("./config/app.config"); 
const DefinePlugin = require("webpack/lib/DefinePlugin"); 
... 
module.exports = { 
    plugins: [ 
     new DefinePlugin({ 
      APP_CONFIG: appConfig 
     }), 
... 

다음 내 타이프 라이터 프로젝트에서 내가 declare var APP_CONFIG:any;와 APP_CONFIG를 선언합니다 다음 나는 특성을의 사용합니다 . Angi-cli 프로젝트에 이러한 객체를 삽입하려면 어떻게해야합니까?

감사

Answer 1

여기에 단지 set 및 get 방법으로 정상적인 서비스를 사용하는 간단한 예입니다 : 대신하지만 난 당신이 관찰로 변환 할 수 있습니다 더 복잡한 사용 사례를 들어

import {Injectable} from '@angular/core'; 

@Injectable() 

export class AppConfigService { 

    public config: any = { 
    apiKey: '[api_key]', 
    domain: '[domain]', 
    callbackUrl: '[callbackUrl]' 
    } 

    constructor() {} 

    /* Allows you to update any of the values dynamically */ 
    set(k: string, v: any): void { 
    this.config[k] = v; 
    } 

    /* Returns the entire config object or just one value if key is provided */ 
    get(k: string): any { 
    return k ? this.config[k] : this.config; 
    } 
} 

가 이 단순한 경우에 필요한 것을 보지 못한다.