Ich möchte angular-cli mit asp.net core verwenden und muss wissen, wie ich den Pfad des dist- Ordners ändern kann
angular
angular-cli
Tasse
quelle
quelle
Die aktuellere Methode besteht darin, die
outDir
Eigenschaft in zu aktualisieren.angular-cli.json
.Das
ng build
Befehlsargument--output-path
(oder-op
kurz) wird ebenfalls weiterhin unterstützt. Dies kann hilfreich sein, wenn Sie mehrere Werte möchten. Sie können diese in Ihrenpackage.json
als npm-Skripten speichern ..
PS
(Dezember 2017)
1 Jahr nach dem Hinzufügen dieser Antwort fügte jemand eine neue Antwort mit im Wesentlichen denselben Informationen hinzu, und das Originalposter änderte die akzeptierte Antwort in die 1 Jahr verspätete Antwort, die dieselben Informationen in der ersten Zeile dieser Antwort enthielt.
quelle
Für Angular 6+ haben sich die Dinge ein wenig geändert.
Definieren Sie, wo ng build App-Dateien generiert
Das Cli-Setup erfolgt jetzt in angle.json (ersetzt durch .angular-cli.json) in Ihrem Arbeitsbereich-Stammverzeichnis. Der Ausgabepfad in der Standardeinstellung angular.json sollte folgendermaßen aussehen (irrelevante Zeilen entfernt):
Dadurch wird Ihre App natürlich in WORKSPACE / dist / my-app-name generiert. Ändern Sie outputPath, wenn Sie ein anderes Verzeichnis bevorzugen.
Sie können den Ausgabepfad mithilfe von Befehlszeilenargumenten überschreiben (z. B. für CI-Jobs):
Sa https://github.com/angular/angular-cli/wiki/build
Hosting Angular App im Unterverzeichnis
Wenn Sie den Ausgabepfad festlegen, wird Angular mitgeteilt, wo die "kompilierten" Dateien abgelegt werden sollen. Wenn Sie jedoch den Ausgabepfad ändern, wird Angular beim Ausführen der App weiterhin davon ausgehen, dass die App im Dokumentstamm des Webservers gehostet wird.
Damit es in einem Unterverzeichnis funktioniert, müssen Sie die Basis-HREF festlegen.
In angle.json:
Cli:
Wenn Sie nicht wissen, wo die App zur Erstellungszeit gehostet wird, können Sie das Basistag in der generierten index.html ändern.
Hier ist ein Beispiel, wie wir es in unserem Docker-Container machen:
entrypoint.sh
quelle
Sie können die CLI auch wie folgt verwenden:
quelle
Das einzige, was für mich funktioniert hat, war, mich
outDir
sowohl inangular-cli.json
UND zu ändernsrc/tsconfig.json
.Ich wollte meinen dist-Ordner außerhalb des eckigen Projektordners haben. Wenn ich die Einstellung nicht auch ändern
src/tsconfig.json
würde, würde Angular CLI beim Erstellen des Projekts Warnungen auslösen.Hier sind die wichtigsten Zeilen ...
Und ...
quelle
cli 7x
, das oben genannte ist inangular.json
und das Feld istoutputPath
(tsconfig
Anpassung oben bleibt gleich). HthErstellen Sie eine
.ember-cli
in Ihrem Projekt aufgerufene Datei und fügen Sie folgende Inhalte hinzu:quelle
Angular CLI verwendet dazu jetzt Umgebungsdateien.
Fügen Sie zunächst einen
environments
Abschnitt zum hinzuangular-cli.json
Etwas wie :
Fügen Sie dann in der Umgebungsdatei (
environments/environment.prod.ts
in diesem Fall) Folgendes hinzu:jetzt, wenn du rennst:
Es wird in den
./whatever/dist/
Ordner ausgegeben .quelle
angular-cli: 1.0.0-beta.21
für Github-Seiten, die ich benutze
Folgendes kopiert die Ausgabe in den Ordner docs:
--output-path=docs
quelle
Eine andere Möglichkeit wäre, den Webroot-Pfad zum Winkelcli dist-Ordner festzulegen. Sagen Sie in Ihrer Program.cs bei der Konfiguration des WebHostBuilder einfach
oder was auch immer der Weg zu Ihrem dist dir ist.
quelle