Setze Basis href aus einer Umgebungsvariablen mit ng build

Question

Weiß jemand, wie man dies mit dem angular-cli erreicht? Ich würde gerne in der Lage sein, den baseHref Pfad in einer Umgebungsvariablen innerhalb /src/environments/environment.x.ts zu speichern und basierend auf der ausgewählten Umgebung während des Builds den baseHref-Pfad festlegen zu können.

Etwas wie folgt aus:

environment.ts

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

environment.prod.ts

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

Und dann rufen ...

ng build --prod 

... und habe meine /dist/index.html Datei zeigen <base href="/my-app/">.

Ich dachte vielleicht, wenn ich meine Umgebungsvariable die gleiche wie die --base-href Build-Option in der build command verwendet, dass der CLI könnte es abholen, aber keine Würfel dort auch.

Gibt es eine Möglichkeit, eine Umgebungsvariable über die Befehlszeile zu referenzieren? Etwas wie ng build --base-href environment.baseHref?

Answer 1

würden Sie haben verwenden APP_BASE_HREF

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

Siehe angular doc

EDIT

Da CSS/JS nicht mit APP_BASE_HREF arbeiten, können Sie dies tun:

In app.component.ts, injizieren DOCUMENT über import {DOCUMENT} from "@angular/platform-browser";

constructor(@Inject(DOCUMENT) private document) { 
} 

Dann auf Ihrem ngOnInit()

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

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

    } 
    }