CLI angular - comando ng build
Sintaxis
ng build <project> [options]
ng b <project> [options]El comando ng build compila una aplicación / biblioteca angular en un directorio de salida llamado dist en la ruta dada. Las opciones son parámetros opcionales.
Argumentos
| No Señor. | Argumento y sintaxis | Descripción |
|---|---|---|
| 1 | <proyecto> | El nombre de la aplicación o biblioteca que se creará. |
Opciones
| No Señor. | Opción y sintaxis | Descripción |
|---|---|---|
| 1 | --aot = verdadero | falso |
Cree utilizando la compilación Ahead of Time. Predeterminado: falso. |
| 2 | --baseHref = baseHref | URL base de la aplicación que se está creando. |
| 3 | --buildEventLog = buildEventLog | EXPERIMENTAL Ruta del archivo de salida para eventos de Protocolo de eventos de compilación. |
| 4 | --buildOptimizer = verdadero | falso | Habilita las optimizaciones '@ angular-devkit / build-optimizer' cuando se usa la opción 'aot'. Predeterminado: falso. |
| 5 | --commonChunk = verdadero | falso |
Utilice un paquete independiente que contenga el código utilizado en varios paquetes. Predeterminado: falso. |
| 6 | --configuration = configuración | Un destino de compilación con nombre, como se especifica en la sección "configuraciones" de angular.json. Cada objetivo nombrado viene acompañado de una configuración de opciones predeterminadas para ese objetivo. Establecer esto anula explícitamente el indicador "--prod". Alias: -c. |
| 7 | --crossOrigin = none | anonymous | use-credentials |
Defina la configuración de atributos de origen cruzado de los elementos que proporcionan compatibilidad con CORS. Predeterminado: ninguno. |
| 8 | --deleteOutputPath = verdadero | falso |
Elimine la ruta de salida antes de construir. Predeterminado: verdadero. |
| 9 | --deployUrl = deployUrl | URL donde se implementarán los archivos. |
| 10 | --experimentalRollupPass = verdadero | falso |
Concatenar módulos con Rollup antes de empaquetarlos con Webpack. Predeterminado: falso. |
| 11 | --extractCss = verdadero | falso |
Extraiga css de estilos globales en archivos css en lugar de js. Predeterminado: falso. |
| 12 | --extractLicenses = verdadero | falso |
Extraiga todas las licencias en un archivo separado. Predeterminado: falso. |
| 13 | --forkTypeChecker = verdadero | falso |
Ejecute el comprobador de tipos de TypeScript en un proceso bifurcado. Predeterminado: verdadero. |
| 14 | --help = true | false | json | JSON |
Muestra un mensaje de ayuda para este comando en la consola. Predeterminado: falso. |
| 15 | --i18nMissingTranslation = advertencia | error | ignorar |
Cómo manejar las traducciones que faltan para i18n. Predeterminado: advertencia. |
| dieciséis | --index = índice | Configura la generación del índice HTML de la aplicación. |
| 17 | --localize = verdadero | falso | |
| 18 | --main = principal | La ruta completa del punto de entrada principal a la aplicación, en relación con el espacio de trabajo actual. |
| 19 | --namedChunks = verdadero | falso |
Utilice el nombre de archivo para los fragmentos cargados de forma diferida. Predeterminado: verdadero. |
| 20 | --ngswConfigPath = ngswConfigPath | Ruta de acceso a ngsw-config.json. |
| 21 | --optimización = verdadero | falso | Permite la optimización del resultado de la compilación. |
| 22 | --outputHashing = none | all | media | bundles |
Defina el modo hash de eliminación de caché de nombre de archivo de salida. Predeterminado: ninguno. |
| 23 | --outputPath = outputPath | La ruta completa del nuevo directorio de salida, en relación con el espacio de trabajo actual. De forma predeterminada, escribe la salida en una carpeta llamada dist / en el proyecto actual. |
| 24 | --encuesta | Habilite y defina el período de tiempo de la encuesta de observación de archivos en milisegundos. |
| 25 | --polyfills = polyfills | La ruta completa del archivo polyfills, en relación con el espacio de trabajo actual. |
| 26 | --preserveSymlinks = verdadero | falso |
No utilice la ruta real al resolver módulos. Predeterminado: falso. |
| 27 | --prod = verdadero | falso | Abreviatura de "--configuration = producción". Cuando es verdadero, establece la configuración de compilación en el objetivo de producción. De forma predeterminada, el objetivo de producción se establece en la configuración del espacio de trabajo de modo que todas las compilaciones utilizan la agrupación, la agitación limitada de árboles y también la eliminación limitada de códigos muertos. |
| 28 | --progreso = verdadero | falso |
Registre el progreso en la consola durante la construcción. Predeterminado: verdadero. |
| 27 | --resourcesOutputPath = resourcesOutputPath | La ruta donde se colocarán los recursos de estilo, en relación con outputPath. |
| 28 | --serviceWorker = verdadero | falso |
Genera una configuración de trabajador de servicio para compilaciones de producción. Predeterminado: falso. |
| 29 | --showCircularDependencies = verdadero | falso |
Muestra advertencias de dependencia circular en las compilaciones. Predeterminado: verdadero. |
| 30 | --sourceMap = verdadero | falso |
Mapas fuente de salida. Predeterminado: verdadero. |
| 31 | --statsJson = verdadero | falso |
Genera un archivo 'stats.json' que se puede analizar usando herramientas como 'webpack-bundle-analyzer'. Predeterminado: falso. |
| 32 | --subresourceIntegrity = verdadero | falso |
Habilita el uso de la validación de la integridad de los subrecursos. Predeterminado: falso. |
| 33 | --tsConfig = tsConfig | La ruta completa del archivo de configuración de TypeScript, en relación con el espacio de trabajo actual. |
| 34 | --vendorChunk = verdadero | falso |
Use un paquete separado que contenga solo bibliotecas de proveedores. Predeterminado: verdadero. |
| 35 | --verbose = verdadero | falso |
Agrega más detalles al registro de salida. Predeterminado: verdadero. |
| 36 | --watch = verdadero | falso |
Ejecute la compilación cuando cambien los archivos. Predeterminado: falso. |
| 37 | --webWorkerTsConfig = webWorkerTsConfig | Configuración de TypeScript para módulos Web Worker. |
Primero muévase a un proyecto angular actualizado usando el comando ng generate . Reemplace el contenido de app.component.html con el siguiente contenido y luego ejecute el comando.
<app-goals></app-goals>
<router-outlet></router-outlet>Ejemplo
\>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: 210494msAquí el comando ng build ha construido nuestro proyecto TutorialsPoint con éxito.