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: 210494ms

Tutaj polecenie kompilacji ng pomyślnie zbudowało nasz projekt TutorialsPoint.