Angular CLI - ng Build Befehl
Syntax
ng build <project> [options]
ng b <project> [options]Der Befehl ng build kompiliert eine eckige Anwendung / Bibliothek in ein Ausgabeverzeichnis mit dem Namen dist am angegebenen Pfad. Optionen sind optionale Parameter.
Argumente
| Sr.Nr. | Argument & Syntax | Beschreibung |
|---|---|---|
| 1 | <Projekt> | Der Name der zu erstellenden Anwendung oder Bibliothek. |
Optionen
| Sr.Nr. | Option & Syntax | Beschreibung |
|---|---|---|
| 1 | --aot = true | false |
Erstellen Sie mithilfe der Ahead of Time-Kompilierung. Standard: false. |
| 2 | --baseHref = baseHref | Basis-URL für die zu erstellende Anwendung. |
| 3 | --buildEventLog = buildEventLog | EXPERIMENTELL Ausgabedateipfad für Build Event Protocol-Ereignisse. |
| 4 | --buildOptimizer = true | false | Aktiviert die Optimierung von '@ angle-devkit / build-optimizer', wenn die Option 'aot' verwendet wird. Standard: false. |
| 5 | --commonChunk = true | false |
Verwenden Sie ein separates Bundle mit Code, der für mehrere Bundles verwendet wird. Standard: false. |
| 6 | --configuration = Konfiguration | Ein benanntes Build-Ziel, wie im Abschnitt "Konfigurationen" von angle.json angegeben. Jedes benannte Ziel wird von einer Konfiguration der Optionsstandards für dieses Ziel begleitet. Wenn Sie dies explizit festlegen, wird das Flag "--prod" überschrieben. Aliase: -c. |
| 7 | --crossOrigin = keine | anonyme | Verwendungsnachweise |
Definieren Sie die Crossorigin-Attributeinstellung für Elemente, die CORS-Unterstützung bieten. Standard: keine. |
| 8 | --deleteOutputPath = true | false |
Löschen Sie den Ausgabepfad vor dem Erstellen. Standard: true. |
| 9 | --deployUrl = deployUrl | URL, unter der Dateien bereitgestellt werden. |
| 10 | --experimentalRollupPass = true | false |
Verketten Sie Module mit Rollup, bevor Sie sie mit Webpack bündeln. Standard: false. |
| 11 | --extractCss = true | false |
Extrahieren Sie CSS aus globalen Stilen in CSS-Dateien anstelle von JS-Dateien. Standard: false. |
| 12 | --extractLicenses = true | false |
Extrahieren Sie alle Lizenzen in einer separaten Datei. Standard: false. |
| 13 | --forkTypeChecker = true | false |
Führen Sie die TypeScript-Typprüfung in einem gegabelten Prozess aus. Standard: true. |
| 14 | --help = true | false | json | JSON |
Zeigt eine Hilfemeldung für diesen Befehl in der Konsole an. Standard: false. |
| 15 | --i18nMissingTranslation = Warnung | Fehler | Ignorieren |
Umgang mit fehlenden Übersetzungen für i18n. Standard: Warnung. |
| 16 | --index = index | Konfiguriert die Generierung des HTML-Index der Anwendung. |
| 17 | --localize = true | false | |
| 18 | --main = main | Der vollständige Pfad für den Haupteinstiegspunkt zur App relativ zum aktuellen Arbeitsbereich. |
| 19 | --namedChunks = true | false |
Verwenden Sie den Dateinamen für faul geladene Chunks. Standard: true. |
| 20 | --ngswConfigPath = ngswConfigPath | Pfad zu ngsw-config.json. |
| 21 | --optimization = true | false | Ermöglicht die Optimierung der Build-Ausgabe. |
| 22 | --outputHashing = keine | alle | Medien | Bundles |
Definieren Sie den Cache-Busting-Hashing-Modus für Ausgabedateinamen. Standard: keine. |
| 23 | --outputPath = outputPath | Der vollständige Pfad für das neue Ausgabeverzeichnis relativ zum aktuellen Arbeitsbereich. Schreibt die Ausgabe standardmäßig in einen Ordner mit dem Namen dist / im aktuellen Projekt. |
| 24 | --Umfrage | Aktivieren und definieren Sie den Zeitraum für die Abfrage der Dateiüberwachung in Millisekunden. |
| 25 | --polyfills = polyfills | Der vollständige Pfad für die Polyfills-Datei relativ zum aktuellen Arbeitsbereich. |
| 26 | --preserveSymlinks = true | false |
Verwenden Sie beim Auflösen von Modulen nicht den realen Pfad. Standard: false. |
| 27 | --prod = true | false | Abkürzung für "--configuration = Produktion". Wenn true, wird die Buildkonfiguration auf das Produktionsziel festgelegt. Standardmäßig wird das Produktionsziel in der Arbeitsbereichskonfiguration so eingerichtet, dass alle Builds Bündelung, begrenztes Baumschütteln und begrenzte Eliminierung von totem Code verwenden. |
| 28 | --progress = true | false |
Protokollieren Sie den Fortschritt während des Erstellens in der Konsole. Standard: true. |
| 27 | --resourcesOutputPath = resourcesOutputPath | Der Pfad, in dem Stilressourcen relativ zu outputPath platziert werden. |
| 28 | --serviceWorker = true | false |
Generiert eine Service Worker-Konfiguration für Produktions-Builds. Standard: false. |
| 29 | --showCircularDependencies = true | false |
Zeigen Sie zirkuläre Abhängigkeitswarnungen für Builds an. Standard: true. |
| 30 | --sourceMap = true | false |
Ausgabe-Quellkarten. Standard: true. |
| 31 | --statsJson = true | false |
Erzeugt eine 'stats.json'-Datei, die mit Tools wie' webpack-bundle-analyzer 'analysiert werden kann. Standard: false. |
| 32 | --subresourceIntegrity = true | false |
Ermöglicht die Verwendung der Überprüfung der Integrität von Unterressourcen. Standard: false. |
| 33 | --tsConfig = tsConfig | Der vollständige Pfad für die TypeScript-Konfigurationsdatei relativ zum aktuellen Arbeitsbereich. |
| 34 | --vendorChunk = true | false |
Verwenden Sie ein separates Bundle, das nur Herstellerbibliotheken enthält. Standard: true. |
| 35 | --verbose = true | false |
Fügt der Ausgabeprotokollierung weitere Details hinzu. Standard: true. |
| 36 | --watch = true | false |
Führen Sie build aus, wenn sich Dateien ändern. Standard: false. |
| 37 | --webWorkerTsConfig = webWorkerTsConfig | TypeScript-Konfiguration für Web Worker-Module. |
Wechseln Sie zuerst zu einem Winkelprojekt, das mit dem Befehl ng generate aktualisiert wurde . Ersetzen Sie den Inhalt von app.component.html durch den folgenden Inhalt und führen Sie den Befehl aus.
<app-goals></app-goals>
<router-outlet></router-outlet>Beispiel
\>Node\>TutorialsPoint> ng build
Compiling @angular/animations : es2015 as esm2015
Compiling @angular/core : es2015 as esm2015
Compiling @angular/compiler/testing : es2015 as esm2015
Compiling @angular/animations/browser : es2015 as esm2015
Compiling @angular/core/testing : es2015 as esm2015
Compiling @angular/common : es2015 as esm2015
Compiling @angular/platform-browser : es2015 as esm2015
Compiling @angular/common/http : es2015 as esm2015
Compiling @angular/common/testing : es2015 as esm2015
Compiling @angular/platform-browser-dynamic : es2015 as esm2015
Compiling @angular/platform-browser/testing : es2015 as esm2015
Compiling @angular/router : es2015 as esm2015
Compiling @angular/animations/browser/testing : es2015 as esm2015
Compiling @angular/common/http/testing : es2015 as esm2015
Compiling @angular/forms : es2015 as esm2015
Compiling @angular/platform-browser/animations : es2015 as esm2015
Compiling @angular/platform-browser-dynamic/testing : es2015 as esm2015
Compiling @angular/router/testing : es2015 as esm2015
Generating ES5 bundles for differential loading...
ES5 bundle generation complete.
chunk {polyfills} polyfills-es2015.js, polyfills-es2015.js.map (polyfills) 141 kB [initial] [rendered]
chunk {runtime} runtime-es2015.js, runtime-es2015.js.map (runtime) 6.16 kB [entry] [rendered]
chunk {runtime} runtime-es5.js, runtime-es5.js.map (runtime) 6.16 kB [entry] [rendered]
chunk {styles} styles-es2015.js, styles-es2015.js.map (styles) 12.4 kB [initial] [rendered]
chunk {styles} styles-es5.js, styles-es5.js.map (styles) 13.9 kB [initial] [rendered]
chunk {main} main-es2015.js, main-es2015.js.map (main) 61.4 kB [initial] [rendered]
chunk {main} main-es5.js, main-es5.js.map (main) 65 kB [initial] [rendered]
chunk {polyfills-es5} polyfills-es5.js, polyfills-es5.js.map (polyfills-es5) 656 kB [initial] [rendered]
chunk {vendor} vendor-es2015.js, vendor-es2015.js.map (vendor) 2.67 MB [initial] [rendered]
chunk {vendor} vendor-es5.js, vendor-es5.js.map (vendor) 3.11 MB [initial] [rendered]
Date: 2020-06-04T01:31:35.612Z - Hash: d5fd9371cdc40ae353bc - Time: 210494msHier hat ng build command unser Projekt TutorialsPoint erfolgreich erstellt.