Angular CLI - polecenie kompilacji ng
Składnia
ng build <project> [options]
ng b <project> [options]Komenda ng build kompiluje aplikację / bibliotekę kątową do katalogu wyjściowego o nazwie dist w podanej ścieżce. Opcje są parametrami opcjonalnymi.
Argumenty
| Sr.No. | Argument i składnia | Opis |
|---|---|---|
| 1 | <project> | Nazwa aplikacji lub biblioteki, która ma zostać zbudowana. |
Opcje
| Sr.No. | Opcja i składnia | Opis |
|---|---|---|
| 1 | --aot = true | false |
Kompiluj za pomocą kompilacji Ahead of Time. Domyślnie: false. |
| 2 | --baseHref = baseHref | Podstawowy adres URL budowanej aplikacji. |
| 3 | --buildEventLog = buildEventLog | EKSPERYMENTALNA Ścieżka pliku wyjściowego dla zdarzeń protokołu Build Event Protocol. |
| 4 | --buildOptimizer = true | false | Włącza optymalizacje „@ angular-devkit / build-optimizer” podczas korzystania z opcji „aot”. Domyślnie: false. |
| 5 | --commonChunk = true | false |
Użyj oddzielnego pakietu zawierającego kod używany w wielu pakietach. Domyślnie: false. |
| 6 | --configuration = konfiguracja | Nazwany cel kompilacji określony w sekcji „configuration” pliku angular.json. Każdemu nazwanemu celowi towarzyszy konfiguracja domyślnych opcji dla tego celu. Ustawienie tego jawnie przesłania flagę „--prod”. Aliasy: -c. |
| 7 | --crossOrigin = none | anonymous | use-credentials |
Zdefiniuj ustawienie atrybutu crossorigin elementów, które zapewniają obsługę mechanizmu CORS. Domyślnie: brak. |
| 8 | --deleteOutputPath = true | false |
Usuń ścieżkę wyjściową przed budowaniem. Domyślnie: prawda. |
| 9 | --deployUrl = deployUrl | Adres URL, pod którym zostaną wdrożone pliki. |
| 10 | --experimentalRollupPass = true | false |
Połącz moduły z pakietem Rollup przed dołączeniem ich do pakietu Webpack. Domyślnie: false. |
| 11 | --extractCss = true | false |
Wyodrębnij css z globalnych stylów do plików css zamiast js. Domyślnie: false. |
| 12 | --extractLicenses = true | false |
Wypakuj wszystkie licencje w osobnym pliku. Domyślnie: false. |
| 13 | --forkTypeChecker = true | false |
Uruchom narzędzie do sprawdzania typów TypeScript w procesie rozwidlonym. Domyślnie: prawda. |
| 14 | --help = true | false | json | JSON |
Wyświetla komunikat pomocy dla tego polecenia w konsoli. Domyślnie: false. |
| 15 | --i18nMissingTranslation = ostrzeżenie | błąd | ignoruj |
Jak radzić sobie z brakującymi tłumaczeniami dla i18n. Domyślnie: ostrzeżenie. |
| 16 | --index = indeks | Konfiguruje generowanie indeksu HTML aplikacji. |
| 17 | --localize = true | false | |
| 18 | --main = main | Pełna ścieżka do głównego punktu wejścia do aplikacji względem bieżącego obszaru roboczego. |
| 19 | --namedChunks = true | false |
Użyj nazwy pliku dla leniwie ładowanych fragmentów. Domyślnie: prawda. |
| 20 | --ngswConfigPath = ngswConfigPath | Ścieżka do ngsw-config.json. |
| 21 | --optimization = true | false | Włącza optymalizację wyników kompilacji. |
| 22 | --outputHashing = none | all | media | bundles |
Zdefiniuj tryb mieszania z pomijaniem pamięci podręcznej i pomijaniem nazwy pliku wyjściowego. Domyślnie: brak. |
| 23 | --outputPath = outputPath | Pełna ścieżka do nowego katalogu wyjściowego, względem bieżącego obszaru roboczego. Domyślnie zapisuje dane wyjściowe do folderu o nazwie dist / w bieżącym projekcie. |
| 24 | --głosowanie | Włącz i zdefiniuj okres odpytywania monitorowania plików w milisekundach. |
| 25 | --polyfills = polyfills | Pełna ścieżka do pliku polyfills względem bieżącego obszaru roboczego. |
| 26 | --preserveSymlinks = true | false |
Nie używaj prawdziwej ścieżki podczas rozwiązywania modułów. Domyślnie: false. |
| 27 | --prod = true | false | Skrót od „--configuration = production”. Gdy prawda, ustawia konfigurację kompilacji na cel produkcyjny. Domyślnie cel produkcyjny jest ustawiony w konfiguracji obszaru roboczego w taki sposób, że wszystkie kompilacje wykorzystują pakowanie, ograniczone wstrząsanie drzewami, a także ograniczoną eliminację martwego kodu. |
| 28 | --progress = true | false |
Rejestruj postęp na konsoli podczas budowania. Domyślnie: prawda. |
| 27 | --resourcesOutputPath = resourcesOutputPath | Ścieżka, w której zostaną umieszczone zasoby stylu, względem outputPath. |
| 28 | --serviceWorker = true | false |
Generuje konfigurację mechanizmu Service Worker dla kompilacji produkcyjnych. Domyślnie: false. |
| 29 | --showCircularDependencies = true | false |
Pokaż ostrzeżenia o cyklicznych zależnościach w kompilacjach. Domyślnie: prawda. |
| 30 | --sourceMap = true | false |
Wyjściowe mapy źródeł. Domyślnie: prawda. |
| 31 | --statsJson = true | false |
Generuje plik „stats.json”, który można przeanalizować za pomocą narzędzi, takich jak „analizator pakietu webpack”. Domyślnie: false. |
| 32 | --subresourceIntegrity = true | false |
Umożliwia korzystanie z weryfikacji integralności zasobów podrzędnych. Domyślnie: false. |
| 33 | --tsConfig = tsConfig | Pełna ścieżka do pliku konfiguracyjnego TypeScript, względem bieżącego obszaru roboczego. |
| 34 | --vendorChunk = true | false |
Użyj oddzielnego pakietu zawierającego tylko biblioteki dostawców. Domyślnie: prawda. |
| 35 | --verbose = true | false |
Dodaje więcej szczegółów do rejestrowania danych wyjściowych. Domyślnie: prawda. |
| 36 | --watch = true | false |
Uruchom kompilację, gdy pliki się zmienią. Domyślnie: false. |
| 37 | --webWorkerTsConfig = webWorkerTsConfig | Konfiguracja TypeScript dla modułów Web Worker. |
Pierwszy krok do kątową projektu zaktualizowanej użyciu ng generuje polecenie. Zastąp zawartość app.component.html następującą zawartością, a następnie uruchom polecenie.
<app-goals></app-goals>
<router-outlet></router-outlet>Przykład
\>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: 210494msTutaj polecenie kompilacji ng pomyślnie zbudowało nasz projekt TutorialsPoint.