CLI angolare - comando ng build
Sintassi
ng build <project> [options]
ng b <project> [options]Il comando ng build compila un'applicazione / libreria angolare in una directory di output denominata dist nel percorso specificato. Le opzioni sono parametri opzionali.
argomenti
| Sr.No. | Argomento e sintassi | Descrizione |
|---|---|---|
| 1 | <progetto> | Il nome dell'applicazione o della libreria da creare. |
Opzioni
| Sr.No. | Opzione e sintassi | Descrizione |
|---|---|---|
| 1 | --aot = true | false | Crea utilizzando la compilation Ahead of Time. Predefinito: false. |
| 2 | --baseHref = baseHref | URL di base per l'applicazione in costruzione. |
| 3 | --buildEventLog = buildEventLog | SPERIMENTALE Percorso del file di output per eventi Build Event Protocol. |
| 4 | --buildOptimizer = true | false | Abilita le ottimizzazioni "@ angular-devkit / build-optimizer" quando si utilizza l'opzione "aot". Predefinito: false. |
| 5 | --commonChunk = true | false | Utilizza un bundle separato contenente il codice utilizzato in più bundle. Predefinito: false. |
| 6 | --configuration = configurazione | Un target build denominato, come specificato nella sezione "configurazioni" di angular.json. Ciascun target denominato è accompagnato da una configurazione dei valori predefiniti delle opzioni per tale target. L'impostazione di questo sovrascrive esplicitamente il flag "--prod". Alias: -c. |
| 7 | --crossOrigin = none | anonymous | use-credentials | Definire l'impostazione dell'attributo crossorigin degli elementi che forniscono il supporto CORS. Predefinito: nessuno. |
| 8 | --deleteOutputPath = true | false | Elimina il percorso di output prima di costruire. Predefinito: vero. |
| 9 | --deployUrl = deployUrl | URL in cui verranno distribuiti i file. |
| 10 | --experimentalRollupPass = true | false | Concatena i moduli con Rollup prima di raggrupparli in Webpack. Predefinito: false. |
| 11 | --extractCss = true | false | Estrai il CSS dagli stili globali nei file CSS invece di quelli js. Predefinito: false. |
| 12 | --extractLicenses = true | false | Estrai tutte le licenze in un file separato. Predefinito: false. |
| 13 | --forkTypeChecker = true | false | Esegui il controllo del tipo TypeScript in un processo biforcuto. Predefinito: vero. |
| 14 | --help = true | false | json | JSON | Mostra un messaggio di aiuto per questo comando nella console. Predefinito: false. |
| 15 | --i18nMissingTranslation = avviso | errore | ignora | Come gestire le traduzioni mancanti per i18n. Predefinito: avviso. |
| 16 | --index = indice | Configura la generazione dell'indice HTML dell'applicazione. |
| 17 | --localize = true | false | |
| 18 | --main = main | Il percorso completo per il punto di ingresso principale dell'app, relativo all'area di lavoro corrente. |
| 19 | - namedChunks = true | false | Usa il nome del file per i blocchi caricati lentamente. Predefinito: vero. |
| 20 | --ngswConfigPath = ngswConfigPath | Percorso per ngsw-config.json. |
| 21 | --optimization = true | false | Consente l'ottimizzazione dell'output di compilazione. |
| 22 | --outputHashing = nessuno | tutti | media | bundle | Definire la modalità di hashing del busting della cache del nome del file di output. Predefinito: nessuno. |
| 23 | --outputPath = outputPath | Il percorso completo per la nuova directory di output, relativo allo spazio di lavoro corrente. Per impostazione predefinita, scrive l'output in una cartella denominata dist / nel progetto corrente. |
| 24 | --sondaggio | Abilita e definisci il periodo di tempo del polling di controllo file in millisecondi. |
| 25 | --polyfills = polyfills | Il percorso completo del file polyfills, relativo allo spazio di lavoro corrente. |
| 26 | --preserveSymlinks = true | false | Non utilizzare il percorso reale durante la risoluzione dei moduli. Predefinito: false. |
| 27 | --prod = true | false | Abbreviazione di "--configuration = production". Quando true, imposta la configurazione della build sulla destinazione di produzione. Per impostazione predefinita, l'obiettivo di produzione è impostato nella configurazione dell'area di lavoro in modo tale che tutte le build utilizzino raggruppamento, scuotimento limitato degli alberi e anche eliminazione limitata del codice morto. |
| 28 | --progress = true | false | Registra i progressi sulla console durante la costruzione. Predefinito: vero. |
| 27 | --resourcesOutputPath = resourcesOutputPath | Il percorso in cui verranno posizionate le risorse di stile, relativo a outputPath. |
| 28 | --serviceWorker = true | false | Genera una configurazione di service worker per build di produzione. Predefinito: false. |
| 29 | --showCircularDependencies = true | false | Mostra avvisi di dipendenza circolare nelle build. Predefinito: vero. |
| 30 | --sourceMap = true | false | Mappe sorgente di output. Predefinito: vero. |
| 31 | --statsJson = true | false | Genera un file "stats.json" che può essere analizzato utilizzando strumenti come "webpack-bundle-analyzer". Predefinito: false. |
| 32 | --subresourceIntegrity = true | false | Abilita l'uso della convalida dell'integrità della sottorisorsa. Predefinito: false. |
| 33 | --tsConfig = tsConfig | Il percorso completo del file di configurazione TypeScript, relativo allo spazio di lavoro corrente. |
| 34 | --vendorChunk = true | false | Utilizzare un pacchetto separato contenente solo le librerie del fornitore. Predefinito: vero. |
| 35 | --verbose = true | false | Aggiunge ulteriori dettagli alla registrazione dell'output. Predefinito: vero. |
| 36 | --watch = true | false | Esegui build quando i file cambiano. Predefinito: false. |
| 37 | --webWorkerTsConfig = webWorkerTsConfig | Configurazione TypeScript per i moduli Web Worker. |
Primo passaggio a un progetto angolare aggiornato utilizzando il comando ng generate . Sostituisci il contenuto di app.component.html con i seguenti contenuti e quindi esegui il comando.
<app-goals></app-goals>
<router-outlet></router-outlet>Esempio
\>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: 210494msQui il comando ng build ha costruito con successo il nostro progetto TutorialsPoint.