ngビルドの環境変数からベースhrefを設定してください

Question

誰もがこれをangi-cliでどのように行うのか知っていますか？私は/src/environments/environment.x.ts内の環境変数にbaseHrefのパスを格納し、ビルド中に選択した環境に基づいてbaseHrefパスを設定できるようにしたいと考えています。このような

何か：

environment.ts

export const environment = { 
    production: false, 
    baseHref: '/' 
}; 

environment.prod.ts

export const environment = { 
    production: true, 
    baseHref: '/my-app/' 
}; 

そして呼び出す...

ng build --prod 

...と私の/dist/index.htmlファイルショー<base href="/my-app/">を持っています。

build commandで使用されている--base-hrefビルドオプションと同じ名前の環境変数を指定しても、cliがそれを拾うかもしれないが、そこにはサイコロがないと考えました。

環境変数をコマンドラインから参照することはありますか？ ng build --base-href environment.baseHrefのようなもの？

Answer 1

あなたはAPP_BASE_HREF

@NgModule({ 
    providers: [{provide: APP_BASE_HREF, useValue: environment.baseHref }] 
}) 
class AppModule {} 

は、CSS/JSがAPP_BASE_HREFでは動作しませんので、あなたがこれを行うことができangular doc

EDIT

を参照してください使用しなければならないでしょう。では

をapp.component.ts、inject ngOnInit()

ngOnInit(): void { 
    let bases = this.document.getElementsByTagName('base'); 

    if (bases.length > 0) { 
     bases[0].setAttribute('href', environment.baseHref); 

    } 
    }