TypeScript: CLI

3.9+

0:00To już ostatnia lekcja na temat pliku konfiguracyjnego tsconfig

0:04i tym razem pokażę ci ustawienia które wpływają na to w jaki sposób proces

0:08kompilacji wyświetlany jest w linii poleceń co prawda

0:12tych poleceń nie ma zbyt wiele natomiast zdecydowanie dobrze je znać jak

0:17widzisz na ten moment w pliku konfiguracyjnym mam tutaj podstawowe ustawienia a w

0:21moim katalogu projektu znajdują się dwa pliki przy czym ten plik główny

0:25importuje ten drugi więc mamy tutaj absolutnie

0:29podstawową strukturę która umożliwi nam dalszą pracę w tym momencie

0:33jeżeli uruchomię polecenie tsc czyli uruchomię proces kompilacji no

0:38to co prawda pojawił się katalog dist i tutaj mamy odpowiednio skompilowane

0:42pliki natomiast jak widzisz w terminalu nie mamy tutaj żadnej informacji

0:46o tym co się stało a nawet o tym że cokolwiek się stało zatem

0:51w tym momencie możemy dodać opcję która wyświetli nam pliki które zostały

0:55uwzględnione w procesie kompilacji jeżeli teraz ponownie uruchomię

0:59proces kompilacji otrzymam tutaj pełną listę plików mojego

1:03projektu oraz plików typescript analogicznie mogę teraz

1:08wyłączyć tą opcję a następnie włączyć listEmittedFiles w celu wyświetlenia

1:12plików które zostały wygenerowane w procesie kompilacji

1:17i mamy faktycznie te dwa pliki z katalogu dist które generują

1:21się na podstawie naszego projektu jak się możesz domyślić zarówno

1:25jedna jak i druga opcja jest przydatna do tego aby sprawdzić czy na przykład

1:29jakieś pliki nie są pomijane lub wręcz przeciwnie że jakieś pliki są

1:33dołączane do naszego projektu a z jakiegoś powodu nie chcielibyśmy aby tak było

1:37ponownie teraz wyłączę tą opcję aby pokazać ci kolejną

1:41a kolejną jest diagnostyka ta

1:46opcja jak widzisz daje nam szereg różnych informacji na temat tego w jaki sposób odbył

1:50się proces kompilacji oraz jakie zasoby zostały wykorzystane tak że

1:55bez wątpienia jest to skarbnica wiedzy w momencie gdy optymalizujemy proces

1:59kompilacji na tym etapie mamy jeszcze jedną opcję którą chciałbym

2:03ci teraz pokazać czyli opcję traceResolution ją również ustawiam

2:07na true i uruchamia proces kompilacji i jak widzisz właśnie po to

2:11w głównym zaimportowałem plik zewnętrzny aby pokazać ci w

2:15tym momencie w jaki sposób typescript rozwiązuje ścieżki poszczególnych modułów

2:19i jak się pewnie domyślasz informacje o tym w jaki sposób rozwiązywane są te

2:24ścieżki przydają się chociażby w momencie gdy importujemy jakiś

2:28moduł i chcemy upewnić się że jest importowany akurat z tej ścieżki

2:32na której nam zależy tak że na ten moment jeżeli chodzi o ustawienia pliku

2:36konfiguracyjnego pod kątem cli to w zasadzie takie najważniejsze

2:40opcje które powinieneś znać co prawda jest jeszcze opcja pretty

2:44która zajmuje się tym aby wyświetlać nam błędy w bardziej przyjazny

2:49sposób natomiast na ten moment jest ona w trybie eksperymentalnym

2:53no i dodatkowo domyślnie jest ustawiona na true zatem jeżeli

2:57w jednym z plików zrobię na przykład literówkę a nastepnie wygeneruję nasz projekt

3:01no to w bardzo precyzyjny sposób kompilator poinformuję mnie

3:05w którym dokładnie miejscu powstał błąd i na czym może polegać w

3:10sytuacji gdy ta opcja jest ustawa na false i tak samo wyłączę

3:14sobie jeszcze tą opcję no to okaże się że błąd również

3:18zostanie wyświetlony ale sam opis błędu jest tutaj zdecydowanie bardziej

3:22lakonicznych i tym sposobem zbliżyliśmy się do końca tej lekcji

3:26a zarazem całego tematu pliku konfiguracyjnego tsconfig

3:30mam nadzieję że na ten moment opcje konfiguracyjne są dla ciebie jasne

3:34a w tymczasem przechodzimy już do kolejnej lekcji do której serdecznie cię

3:38zapraszam