TypeScript: Uwzględnianie i wykluczanie plików

3.9+

0:00W tej lekcji pokażę ci w jaki sposób możesz uwzględniać oraz wykluczać

0:04pliki oraz katalogi z kompilacji twojego projektu typescript w

0:08poprzedniej lekcji powiedziałem ci o trzech właściwościach które umieszczamy w pliku tsconfig

0:12które odpowiadają właśnie za dodawanie oraz wykluczanie

0:17zarówno plików jak i katalogów ich nazwy są wystarczająco

0:21opisowe do tego aby domyślić się że właściwość files pozwala nam

0:25przekazać tablice plików które mają zostać uwzględnione w procesie kompilacji

0:30zatem jeżeli teraz kompiluję nasz projekt to tutaj

0:34zwróć uwagę że w pliku app.ts mam zwykły console.log który

0:38został przeniesiony do pliku app.js i w zasadzie w żaden sposób się

0:42tutaj nie zmienił natomiast nie zmienia to faktu że plik został uwzględniony

0:46oczywiście nic nie stoi na przeszkodzie abyśmy w tym miejscu

0:50podali wiele różnych plików natomiast w momencie gdy znajdują się one w poszczególnych

0:55katalogach zdecydowanie lepszym pomysłem jest wykorzystanie tych właściwości

0:59no i tutaj sytuacja wygląda następująco aby

1:03jednak pokazać ci działanie tych właściwości muszę utworzyć nowe katalogi oraz

1:08pliki pierwszym z nich będzie katalog excluded oraz plik o takiej samej nazwie

1:12umieszczony w katalogu src wewnątrz

1:16niego również zamieścimy prosty console.log następnie utworzę drugi

1:21katalog który tym razem będzie miał nazwę included dzięki

1:25temu będziemy teraz mieć możliwość odróżnienia tych plików wracając

1:29do was do pliku app.ts mogę tutaj podać poszczególne ściężki do plików

1:33i teraz w momencie gdy podam tutaj ścieżkę do naszego katalogu w

1:38momencie gdy zapiszę plik oraz skompiluję projekt chyba nikogo nie zaskoczy

1:42fakt że cała zawartość katalogu included została dodana do

1:46naszego skomplikowanego projekt okazuje się jednak że na tym etapie bardzo

1:50dobrą praktyką jest określanie rozszerzeń plików które mają zostać uwzględnione

1:55w procesie kompilacji wynika to z faktu że wewnątrz tego katalogu możemy

1:59mieć pliki które niekoniecznie muszą znaleźć się w bildzie produkcyjnym

2:03dlatego też jak widzisz określam tutaj gwiazdkę która oznacza

2:08dowolną nazwę pliku oraz rozszerzenie ts ale chciałbym zwrócić

2:12twoją uwagę na jeden ważny fakt w momencie gdy usunę teraz podkatalog

2:17i ponownie skompiluję nasz projekt nagle okaże się że nasze

2:21pliki nie zostały uwzględnione wynika to z faktu że faktycznie

2:25wskazaliśmy tutaj podkatalog natomiast w ten sposób powiedzieliśmy że

2:29w procesie kompilacji mają zostać uwzględnione wyłącznie te pliki które

2:33znajdują się bezpośrednio w katalogu src więc teraz pytanie

2:38brzmi co możemy zrobić gdy mamy zagnieżdżoną strukturę katalogów przecież

2:43zdecydowanie chcemy uniknąć podawania tutaj poszczególnych katalogów za każdym

2:47razem aby to wszystko działo się automatycznie możemy tutaj dodać

2:51następujący zapis oznacza on mniej więcej tyle że w procesie kompilacji

2:55zostaną uwzględnione wszystkie pliki z rozszerzeniem ts które znajdują

2:59się w katalogu src oraz w dowolnym jego podkatalogu

3:04dlatego jeżeli teraz ponownie skompiluję nasz projekt wszystko

3:08będzie tutaj w porządku no i jak widzisz zostały tutaj

3:12uwzględnione zarówno katalogi included jak i excluded aby teraz

3:16wykluczyć katalog excluded z naszej kompilacji możemy tutaj podać

3:20bezpośrednio nazwę tego katalogu dzięki temu jeżeli

3:24teraz ponownie wygenerujemy nasz projekt no to zwróć

3:28uwagę że został uwzględniony katalog included natomiast katalog

3:32excluded został pominięty wynika to z faktu że właściwość excluded

3:37jest bardziej priorytetowa niż właściwość incuded ale już w momencie gdybym

3:41podał konkretną ścieżkę do naszego piku w katalogu excluded to

3:45nawet pomimo tego że katalog excluded jest tutaj wykluczony no to

3:49w momencie kompilacji projektu plik ten zostałby uwzględniony naturalnie

3:56w takiej sytuacji w momencie gdyby znajdowały się tutaj inne pliki zostałyby

4:01całkowicie pominięte to co jeszcze na tym etapie mogłoby cię tutaj

4:05zainteresować to znak zapytania konkretnie podając

4:09wartość do naszych tablic możemy tutaj wykorzystać znaki zapytania które

4:14oznaczają dowolny znak zatem takie wzorce pasują zarówno do

4:18katalogu included jaki i excluded więc jeżeli teraz znowu wygeneruję

4:22nasz projekt no jak myślisz co się stanie dam

4:26ci teraz chwilę na zastanowienie no i już generujemy

4:31projekt mam

4:36nadzieję że fakt że katalog excluded został tutaj uwzględniony nie jest

4:40dla ciebie zaskoczeniem no bo zwróć uwagę że zarówno jeden

4:44jak i drugi wzorzec pasują nam zarówno do katalogów excluded oraz included

4:49wiemy już że właściwości excluded ma priorytet nad właściwością

4:53included zatem teoretycznie oba katalogi powinny zostać wykluczone

4:58ale wiemy też że w momencie gdy podajemy tutaj bezpośrednią nazwę do

5:02pliku no to zostaje on uwzględniony nawet w sytuacji gdy jego

5:06katalog jest wykluczony w związku z tym efekt jaki otrzymaliśmy tutaj

5:11uwzględnia katalog excluded oraz oczywiście plik app.ts który

5:15został podany tutaj no i to by było na tyle jeżeli chodzi o dodawanie

5:19oraz wykluczanie plików oraz katalogów z kompilacji projektu typescript

5:23teraz dziękuję ci za uwagę i serdecznie zapraszam cię

5:27do kolejnej lekcji