Wie ändere ich den Dist-Ordner Pfad in angular-cli nach 'ng build'

Möchte ich nutzen, eckig-cli mit asp.net core und ich muss wissen, wie kann ich den Pfad ändern, der dist Ordner

InformationsquelleAutor der Frage cuppy | 2016-05-20

angular angular-cli

18

Aktualisieren können Sie die Ausgabe-Ordner .Winkel-cli.json:
```
"outDir": "./location/toYour/dist"
```
InformationsquelleAutor der Antwort shaun bradridge
109

Je Aktueller diese ist die Aktualisierung der outDir Eigenschaft in .angular-cli.json.

Den ng buildBefehl argument --output-path (oder -op für kurz) ist auch noch unterstützt, die nützlich sein können, wenn Sie möchten mehrere Werte können Sie speichern Sie Sie in Ihrem package.json als npm-Skripte.

Vorsicht: Die .angular-cli.json Eigenschaft NICHT genannt output-path wie die momentan akzeptierte Antwort von @cwill747 sagt. Das ist die ng build argument nur.

Es heißt outDir wie oben erwähnt, und es ist unter der apps Eigenschaft.

.

P. S.

(Dezember 2017)

1-Jahres-nachdem Sie diese Antwortjemand hat eine neue Antwort im wesentlichen dieselben Informationen, und das Ursprüngliche Plakat verändert die akzeptierte Antwort auf das 1-Jahr-später Antwort mit denselben Daten in der ersten Zeile.

InformationsquelleAutor der Antwort Meligy
31

Können Sie mithilfe der CLI zu, wie:
```
ng build -prod --output-path=production

# or

ng serve --output-path=devroot
```
InformationsquelleAutor der Antwort Marian Zburlea
16

Vorsicht: Die richtige Antwort ist unten. Dies funktioniert nicht mehr

Erstellen Sie eine Datei namens .ember-cli in Ihrem Projekt, und es diesen Inhalt:
```
{
   "output-path": "./location/to/your/dist/"
}
```
InformationsquelleAutor der Antwort cwill747
14

Das einzige, was für mich gearbeitet wurde, zu ändern outDir in beiden angular-cli.json UND src/tsconfig.json.

Wollte ich meine dist-Ordner außerhalb des angular-Projekt-Ordner. Wenn ich nicht die Einstellung ändern, in src/tsconfig.json wie gut, Eckige CLI wirft Warnungen, wenn ich das Projekt erstellen.

Hier sind die wichtigsten Linien ...
```
//angular-cli.json
{
  ...
  "apps": [
    {
      "outDir": "../dist",
      ...
    }
  ],
  ...
}
```
...
```
//tsconfig.json
{
  "compilerOptions": {
    "outDir": "../../dist/out-tsc",
    ...
  }
}
```
InformationsquelleAutor der Antwort NinjaFart
6

Beim Bau können Sie ändern Sie die base-tag (<base href="/">) in Ihrem index.html mit
```
ng build --base-href /myPATH/
```
oder
```
ng build --prod --base-href /myPATH/
```
InformationsquelleAutor der Antwort tony
5

Winkel-CLI verwendet jetzt die Umwelt-Dateien, dies zu tun.

Ersten, fügen Sie ein environments Abschnitt der angular-cli.json

Etwas wie :
```
{
  "apps": [{
      "environments": {
        "prod": "environments/environment.prod.ts"
      }
    }]
}
```
Und anschließend in die Umgebung-Datei (environments/environment.prod.ts in diesem Fall), fügen Sie so etwas wie :
```
export const environment = {
  production: true,
  "output-path": "./whatever/dist/"
};
```
nun, wenn Sie ausführen :
```
ng build --prod
```
wird es ausgegeben wird, um die ./whatever/dist/ Ordner.

InformationsquelleAutor der Antwort swestner
1

Andere option wäre, um die webroot Pfad zum Winkel-cli-dist-Ordner.
In Ihrem Programm.cs beim konfigurieren der WebHostBuilder nur sagen
```
.UseWebRoot(Directory.GetCurrentDirectory() + "\\Frontend\\dist")
```
oder was auch immer der Pfad zu Ihrem dist dir ist.

InformationsquelleAutor der Antwort Christian Götze
0

Eckige 6 Dinge haben sich ein wenig geändert.

Cli setup ist nun im eckig.json (ersetzt .Winkel-cli.json) in Ihrem workspace-root-Verzeichnis. Die Ausgabe-Pfad in der default-Winkel.json sollte wie folgt Aussehen (irrelevante Zeilen entfernt):
```
{
  "projects": {
    "my-app-name": {
    "architect": {
      "options": {
         "outputPath": "dist/my-app-name",
```
Offensichtlich wird erstellen Sie Ihre app in WORKSPACE/dist/my-app-Namen. Ändern outputPath, wenn Sie Ihre bevorzugen ein anderes Verzeichnis.

Überschreiben Sie die Ausgabe-Pfad, über den Kommandozeilen-Argumenten (z.B. für CI-jobs):
```
ng build -op dist/example
ng build --output-path=dist/example
```
S. ein. https://github.com/angular/angular-cli/wiki/build

InformationsquelleAutor der Antwort Christoph Lütjen

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

P. S.