CSS: Konfiguracja SCSS z użyciem Gulp

0:00W tej lekcji będę omawiał jak

0:02skonfigurować CSS a konkretnie skalpel gal.

0:06Jest to skaner który był popularny już ładnych parę lat temu

0:10natomiast dalej ma on swoje zastosowania zwłaszcza właśnie jako ta skanery czyli

0:15niekoniecznie handlowania plików i tworzenie z nich plików wynikowi.

0:19To co teraz tutaj robimy.

0:21Natomiast można to też oczywiście osiągnąć zwłaszcza to się też przyda jeżeli

0:25pracujecie na starszych projektach i musicie z Gallupa korzystać.

0:29Ja tutaj też nie będę bardzo dokładnie

0:31omawiał bo jest to narzędzie które można byłoby omówić w osobnym kursie.

0:37Natomiast najważniejsze rzeczy jak pracować z zegarkiem przez CSS.

0:41Postaram się omówić więc przede wszystkim

0:43musicie się upewnić że macie dostępną komendę garb w Waszej konsoli.

0:49Możecie to zrobić za pomocą polecenia n.p.m. Instal silnik G gal.

0:53I to w tym w sposób wam zainstaluje globalną zależność globalną paczkę Gallupa

1:00i będziecie mogli tego Gallupa odpalać poprzez tą właśnie komendę.

1:05Składnia jest taka że najpierw podajemy Gallupa a potem nazwę Tuska który ma się

1:10uruchomić więc jeśli my stworzyliśmy sobie Tuska który jest zdefiniowany w pliku alt

1:16fail kropka S no to jesteśmy w stanie tę komendę która

1:21tutaj jest zadeklarowana wywołać właśnie poprzez garb spacji a nazwa tego Trzaska.

1:26Możemy to przetestować ja tutaj też

1:28postaram się przejść przez wszystko w tym lepiej jak to jest skonfigurować.

1:33I widzimy że napisało nam w konsoli że używamy alt Phila w danej lokalizacji

1:41i że uruchomił się taki oto task więc co się dzieje w tym pasku.

1:44Po pierwsze dawaliśmy oczywiście samego Gallupa jako rozszerzenie bo jest to nam

1:48potrzebne żeby uruchamiać skrypty poprzez HAARP a następnie rozszerzenie do Gallupa

1:54gal SAS i kompilator ustaliliśmy też dynamicznie na not SAS

1:59i co tutaj zrobiliśmy to zadeklarowali mamy dwa paski dwa zadania poprzez gal.

2:05Kropka task można zadeklarować dowolne

2:08zadanie które ma się wykonywać pod tą konkretnie nazwą.

2:12Ta funkcja zostanie wykonana.

2:14I tutaj operuje na strumienia czyli

2:17generalnie jest to podobne do tego co w konsoli używamy takiego operatora jest to

2:22taka pionowa kreska i ona pozwala przekierować dane z jednego

2:26programu do drugiego i robi to dokładnie w taki sam sposób czyli

2:31GAP sort zbiera wszystkie pliki które będą pasowały do tego wyrażenia regularnego

2:37czyli wszystkie pliki w katalogu CSS z obecnego katalogu

2:42które będą miały rozszerzenie S CSS i które mogą być też zagrożone dalej w

2:47mniejszych katalogach zostaną przekierowanie.

2:51Tutaj robi to przekierowanie do Sasa który faktycznie jeżeli tam będzie

2:56jakiś błąd no to to nam wypisze do tego rolę ale generalnie zostanie to

3:01przekierowanie do Sasa no i koniec końców garb przy kieruje wynik tego.

3:08Co SAS nam.

3:10Tworzył do pliku Best CSS jako katalog

3:15więc generalnie to jest samo uruchomienie Sasa czyli jeżeli chcielibyśmy tylko

3:21skomplikować nasz kod nie chcielibyśmy mieć łącza czyli automatycznego

3:26kombinowania gdy zapisujemy plik no to możemy odpalić sobie garb SAS.

3:31Natomiast jeśli zależy nam na sytuacji w miarę podobnej do tego co mieliśmy przy.

3:38Kumpel Miro. No to możemy wpisać garb łącz i faktycznie

3:42galę będzie obserwował te pliki na zmianę jakąś w plikach.

3:47Jeżeli ta zmiana nastąpi no to wywołany zostanie zadanie SAS GAP Series.

3:53To jest nowa składnia gal w wersji czwartej weszła

3:57opcja że nie możemy już przekazywać bezpośrednio ciągów znaków

4:02jako funkcji która ma się wywołać więc tutaj musimy przekazać to poprzez

4:06galę i przekazać po prostu jeden parametr jest to Breaking w stosunku do trójki.

4:13Testujemy czy to faktycznie działa.

4:15Czyli ja tutaj mam katalog CSS i plik

4:18Index z CSS jest to dokładnie ten sam plik który wcześniej próbowaliśmy kombinować.

4:23Jeżeli go zapisze to Gall napisze że zaczął pracować nad

4:27sensem i skończył go przetwarzać po 27 sekundach czyli tyle trwało.

4:33Takiego krótkiego pliku czasowego oczywiście jeżeli to są prawdziwe

4:36produkcyjne pliki no to trwa to o wiele dłużej ale jesteśmy w stanie też tego.

4:43Sasa poprzez Gallupa bez większego problemu i ponownie tutaj staraliśmy się

4:49trzymać tego patentu aby pliki wynikowi były przekazywane do katalogu disc.

4:56No i tutaj się kierował.

4:59Faktycznie plik wynikowi. Hello world.

5:02Bez tego castingu który sobie zadeklarowali

5:05widzę że tutaj jest chyba błąd w konfiguracji ponieważ dwa razy się dodał.

5:10Pomimo tego że powinien się dostać tylko w

5:12katalogu nadrzędnym natomiast ten błąd ja poprawie.

5:16I faktycznie w kodzie źródłowym gdy

5:19przejdzie na końcowego branża będzie to już naprawione.

5:24Generalnie zajmę się tym w pliku Garfield jest.

5:29Więc to byłoby wszystko w kontekście tego jak używać Gallupa i jak go skonfigurować

5:34pokrótce oraz tego jak używać go do kompilacji plików CSS w kolejnej lekcji.

5:41Omówienie używanie parasola oraz Web paka

5:45aby osiągnąć dokładnie tę samą funkcjonalność.