Budowanie i uruchamianie

Podczas pracy nad aplikacją CLI uruchamia ją lokalnie, a także tworzy zoptymalizowany wynik produkcyjny. Dwa najważniejsze polecenia to ng serve i ng build.

ng serve uruchamia lokalny serwer deweloperski z automatycznym przeładowywaniem. Po edycji pliku przeglądarka odświeża się automatycznie.

Domyślnie serwer deweloperski działa pod adresem http://localhost:4200. Należy otworzyć ten adres, aby zobaczyć aplikację.

Port lub host można zmienić za pomocą flag.

Flaga open automatycznie uruchamia domyślną przeglądarkę.

ng build kompiluje aplikację do postaci plików statycznych przeznaczonych do wdrożenia i zapisuje je w folderze dist.

Kompilacje produkcyjne stosują optymalizacje, takie jak kompilacja ahead-of-time, minifikacja, tree shaking i tworzenie bundli, dzięki czemu wynik jest mniejszy i szybszy.

Wynik kompilacji znajduje się w dist/<project-name>/. Te pliki statyczne można wdrożyć na dowolnym hoście internetowym lub w sieci CDN.

angular.json definiuje konfiguracje, takie jak production i development. Konfigurację wybiera się za pomocą flagi configuration.

Jeśli aplikacja nie jest uruchamiana przez serwer, flaga watch umożliwia ciągłe ponowne kompilowanie po zmianach plików.

Powiązane polecenia to ng test do testów jednostkowych oraz ng lint (jeśli jest skonfigurowane) do analizy statycznej.

Lokalna praca nad aplikacją a wdrożenie.

ng serve służy do lokalnej pracy nad aplikacją z automatycznym przeładowywaniem pod adresem localhost:4200, a ng build tworzy zoptymalizowane pliki statyczne w dist/ do wdrożenia. Konfiguracje i flagi pozwalają dostosować host, port oraz poziom optymalizacji. Kurs CLI został ukończony.