jeśli kiedykolwiek pracowałeś z kodem, słyszałeś frazę „Keep it DRY” (” Don 't Repeat Yourself”). Innymi słowy, jeśli musisz wykonywać zadanie wielokrotnie, znajdź sposób, aby zrobić to wydajniej-co zwykle oznacza mniej kodu.

kiedy zaczynamy opracowywać nowy projekt, często powtarzamy w kółko te same rzeczy–takie jak optymalizacja obrazów, minifikacja kodu i kompilowanie plików. W niektórych przypadkach powtarzaliśmy się kilka razy na minutę. Koszt czasu tych zadań szybko się sumuje, gdy wprowadzamy zmiany lub tworzymy nowe pliki.

to strasznie nieefektywne. Nie wspominając już o tym, że dodaje To zużycia na naszych palcach i klawiszach klawiatury. Biegacze zadań są tutaj, aby pomóc!

co to jest biegacz Zadań?

biegacze Zadań dosłownie to robią … wykonują zadania. Programiści mogą określić, które zadania mają wykonywać biegacz zadań, a on wykona całą pracę za nich.

przed uruchomieniem zadania, jeśli chcesz skompilować Sass, Uruchom Autoprefixer, a następnie zminimalizuj wynikowy CSS za każdym razem, gdy dokonasz zmiany, będziesz musiał wykonać każde zadanie osobno. Oczywiście, to byłoby denerwujące bardzo szybko. Nie wspominając o tym, że marnujesz zbyt dużo czasu na powtarzanie się. To nie jest zabawne.

korzystając z funkcji task runner, możesz określić zadania, które chcesz wykonać, uruchomić je raz i wykonać całą pracę za Ciebie. Oszczędzaj czas, oszczędzaj pieniądze i ratuj świat (może?).

jest tam grupa biegaczy zadań: Brunch.js, Gulp.js, brokuły.js, ciasto.js, i Grunt.js, żeby wymienić tylko kilka wbudowanych w Javascript. Tak, ich imiona brzmią jak coś, co można zrobić podczas swoich urodzin (z wyjątkiem brokułów, które po prostu brzmi jak smutne urodziny), ale można ich używać przez cały rok!

naszym zadaniem jest Grunt.js

nasze zadanie Runner z wyboru

zdecydowaliśmy się użyć Grunt.js. Jest to najczęściej obsługiwany i popularny biegacz zadań na rynku. Działa poprzez odczytanie pliku Gruntfile, który zawiera konfigurację zadania w obiekcie Javascript. Następnie uruchamiasz polecenie w Terminalu, aby określić, które zadanie chcesz uruchomić. Bułka z masłem.

Twój plik Gruntfile może być tak prosty lub solidny, jak byś chciał, w zależności od tego, jakie zadania wykonujesz.

typowe pliki gruntowe wykonują następujące zadania:

CSS

  • Skompiluj Sass do CSS
  • Uruchom Autoprefixer na nowym CSS, aby złapać wszelkie prefiksy dostawcy, które mogliśmy przegapić
  • zminimalizuj prefiks CSS
  • zaktualizuj nasz baner CSS o nowe informacje o znaczniku czasu

JavaScript

  • sprawdź nasz JavaScript pod kątem błędów
  • połącz inne dołączone skrypty w jeden plik
  • sprawdź ponownie błędy
  • minify skrypty

obrazy

  • zoptymalizuj dowolny plik jpg, gif lub PNG, aby mniejszy rozmiar pliku

inne narzędzia

  • oglądaj pliki zmian i ponownie uruchom zadania w razie potrzeby
  • Uruchom BrowserSync do testowania w wielu przeglądarkach i urządzeniach jednocześnie

możesz sobie wyobrazić, jak bolesne byłoby ręczne uruchamianie tych zadań. Wszystko, co musimy zrobić, to uruchomić jedną prostą komendę:

$ grunt

podobnie jak magia, to jedno polecenie uruchamia wszystkie nasze zadania i ratuje nas przed powtórzeniem się.

js, sprawdź ich dokumentację i zacznij przeglądać Gruntfiles.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.