Ich habe beschlossen, die erweiterte Webpack-Konfiguration für angular-cli zu verwenden, also habe ich den Befehl ng eject ausgeführt.
Es sieht so aus, als würde alles funktionieren, außer dem Ersetzen der Umgebungsdatei, das in angle-cli.json angegeben ist:
%Vor%Jetzt gibt es keinen Ersatz mehr und es verwendet immer die Datei "environments / environment.ts".
Gibt es eine Möglichkeit, es ohne wesentliche Änderungen für die Webpack-Konfiguration funktionieren zu lassen?
Es wurde auch ein Problem für das angular-cli github-Projekt erstellt.
Nun .. Ich musste meine eigene Lösung schreiben
Und innerhalb von webpack habe ich die Konfiguration für AotPlugin plugin:
und natürlich angegeben environmentFiles :
Ich habe festgestellt, dass ich während des Überwachungsmodus von npm start einen Fehler erhalten habe, weil die Umgebung ähnlich wie bei umgetauscht wurde Problem mit angular-cli
Jede Neukompilierung während des Starts von npm würde diesen Fehler erzeugen
%Vor%Ich war in der Lage, die Umgebung für lokale Builds zu umgehen, indem ich das AotPlugin wie folgt aktualisierte.
%Vor%Veröffentlichen Sie das hier für alle anderen, die Schwierigkeiten damit haben, dies zur Arbeit zu bringen.
Ich habe eine Variation der Technik von Stepan verwendet, aber keine Hostpfade wurden ersetzt. Ich bin auf Windows, also habe ich Schrägstrich, Backslash, Escape-Schrägstrich usw. versucht.
Erst nachdem ich meine tatsächliche import-Anweisung gefunden hatte, hat hostReplacementPath die Ersetzung tatsächlich ausgeführt.
In meiner main.ts-Datei habe ich diese Import-Anweisung
%Vor%Es hat schließlich funktioniert, als ich diesen genauen Pfad in meiner Datei webpack.config.js verwendet habe, wie unten zu sehen ist. (Beachten Sie, dass ich auch die String-Interpolation für den Umgebungszeichenfolgenwert verwendet habe.
Schließlich, zur Vollständigkeit, hier ist mein tatsächliches npm-Skript
%Vor%Tags und Links webpack angular-cli