Stwórz nasze pierwsze zadanie z Grunt

Instalacja i założenie Chrząknięcie Jest to dość proste do zrobienia, ale gdy mamy już wszystkie narzędzia i znamy kilka podstawowych poleceń, często zastanawiamy się, co możemy teraz zrobić? Kolejny krok jest bardzo prosty, czas zacząć budować zadania.
Ideą zadania jest to, aby było to coś, co może rozwiązać częste problemy lub czynności, które zawsze wykonujemy w ciągu dnia pracy lub tworzenia aplikacji, gdzie mając charakter powtarzalny, możemy ustawić parametry tych zadań i dzięki temu zawsze mogą działać bez konieczności robienia ich od podstaw.
WymaganiaTen samouczek zaleca znajomość podstawowych podstaw JavaScript ponieważ będziemy używać wielu rzeczy z tego języka. Kolejnym istotnym wymaganiem jest to, że musimy mieć zainstalowane i skonfigurowane Chrząknięcie w naszym systemie lub piaskownicy oznacza to, że musimy mieć Node.js, twój menedżer pakietów npm i oczywiście Chrząknięcie. Na koniec musimy mieć edytor tekstu do tworzenia treści naszych ćwiczeń oraz wystarczające uprawnienia do tworzenia plików i swobodnego wykonywania polecenia grunt w konsoli.
Zadanie to czynność, która ma początek, rozwój i koniec w Chrząknięcie zadanie to nic innego jak funkcja w JavaScript który jest zawarty w pliku Gruntfile.js i to podczas wykonywania polecenia chrząknięcie w naszej konsoli możemy wywołać tę funkcję, powodując uruchomienie jej zawartości.
Zadania są zarządzane w sposób modułowy, w dużym stopniu w stylu podstawowej konstytucji Node.jsDlatego za każdym razem, gdy definiujemy nowy zestaw zadań, musimy dodać instrukcje wskazujące na ich modułowość.
Do stworzenia zadania potrzebujemy kodu bazowego w naszym pliku plik_gruntfile.js, ten kod nazywa się płyta kotłowa ponieważ jest powtarzalny, jednak używamy go tylko raz, zobaczmy jak to wygląda:

 module.exports = function (grunt) {// oto treść naszych zadań};

Po umieszczeniu tego kodu w naszym pliku mamy już podstawę lub konstytucję, aby móc tworzyć nasze zadania. Gdy to zrobimy, wykonamy zadanie, które pozwoli nam napisać wiadomość przez konsolę, w tym celu napiszemy następujący kod:

 module.exports = function (grunt) {grunt.registerTask ('default', function () {console.log ('Witam, wrzuciliśmy wiadomość do Grunt'a.');});};

To, co zrobiliśmy, jest bardzo łatwe do wytłumaczenia, najpierw wzięliśmy przedmiot chrząknięcie które tworzymy naszym kodem płyta kotłowa, to w tym obiekcie wykonaliśmy metodę ZarejestrujZadanie co pomaga nam powiedzieć Chrząknięcie że dodajemy nowe zadanie, w kolejnym akcie nadajemy mu nazwę a następnie funkcją anonimową przekazujemy do niego treść naszego zadania, czyli w tym przypadku komunikat na konsoli.
Zobaczmy, jak wygląda ten przykład podczas wykonywania zadania, bo w folderze, w którym zapisujemy nasz plik plik_gruntfile.js wykonamy następujące polecenie:

 chrząknięcie

Gdzie wtedy konsola powinna dać nam wynik podobny do następującego:

Należy wspomnieć, że używamy domyślnej nazwy dla tego zadania, ponieważ jest to zadanie, które Chrząknięcie będzie wyszukiwać domyślnie, jak wskazuje jego nazwa w naszym pliku plik_gruntfile.js, gdyby nie miał takiej nazwy, podczas wykonywania otrzymalibyśmy błąd chrząknięcie jak widzimy na poniższym obrazku:

Nasz poprzedni przykład, chociaż działa, nie jest najbardziej polecany, po prostu skorzystaliśmy z konsoli Node.js ale to nie ma wszystkich funkcji i właściwości konsoli Chrząknięcie więc jeśli będziemy mieli jakieś dodatkowe informacje z silnika zadań, na pewno ich nie zobaczymy. Dlatego musimy korzystać z konsoli naszego silnika automatyzacji zadań, koncepcja w filozofii jest praktycznie taka sama tylko, że zmieniamy obiekty i funkcje, które musimy wywołać.
Zobaczmy w poniższym kodzie, jak możemy przepisać nasz kod z poprzedniego przykładu, aby móc wypełnić to, co wyjaśnialiśmy:

 module.exports = function (grunt) {grunt.registerTask ('default', function () {grunt.log.writeln ('Ten komunikat jest wyświetlany przez konsolę Grunt.');});};

Jak widzimy, używamy tylko ponownie obiektu chrząknięcie inicjał pliku, następnie używamy jego klasy Dziennik i wreszcie metoda pisać, wynik jest taki sam jak w poprzednim przykładzie z tą różnicą, że użyliśmy czegoś bardziej optymalnego dla naszych celów. Zobaczmy na poniższym obrazku, jak wszystko zostało prawidłowo utrzymane:

Na początku rozmawialiśmy o zadaniach wielokrotnego użytku i pozwalających na zaoszczędzenie czasu, jedną z rzeczy, która może nam pozwolić na osiągnięcie odpowiedniego stopnia ponownego wykorzystania zadań jest możliwość dodawania do nich parametrów, dzięki czemu możemy zmienić niektóre wartości w zależności od sytuacji, w jakiej możemy się znaleźć, np. tworzenie użytkowników dla systemu bezpośrednio z Chrząknięcie, za pomocą którego możemy przekazać jako parametr nazwę pliku z listą użytkowników.
W poniższym kodzie zamierzamy zrobić coś bardzo ciekawego, przede wszystkim zobaczymy jak tworzyć zadania, które nie są naszym domyślnym procesem, dzięki temu będziemy już mieli klucz do posiadania kilku zadań w tym samym pliku. Parametr, który otrzyma nasze zadanie zostanie po prostu ustawiony w funkcji anonimowej, w ten sposób możemy go przechwycić i przetworzyć w jego ciele.
Zobaczmy kod generujący to zadanie, jako ćwiczenie możemy umieścić wspomniany kod po naszym domyślnym zadaniu, aby przetestować to, co wyjaśniliśmy:

 grunt.registerTask („przywitaj się”, funkcja (imię) {grunt.log.writeln („Witaj:” + imię + „dzień dobry dzisiaj”);});

Teraz, aby wywołać konsolę zadania, po prostu wykonujemy następujące czynności:

 chrząknięcie przywitaj się: Imię

Jak widać umieszczamy nazwę zadania i dwukropkiem rozdzielamy, aby przekazać potrzebny parametr, w tym przypadku nazwę, którą chcemy wysłać do zadania, zobaczmy jak to wygląda w naszej konsoli:

Teraz co się stanie, jeśli nasze zadanie wymaga od nas przekazania dwóch lub więcej parametrów, po prostu w kodzie tego samego dodajemy je oddzielone przecinkami jako funkcję JavaScript normalne, a wywołując je w konsoli możemy je umieścić tym samym sposobem separacji, zobaczmy kod, w którym wykonujemy zadanie, które pokazuje nam to:

 grunt.registerTask ('add', function (value1, value2) {var sum = Number (value1) + Number (value2); grunt.log.writeln ('Rezultat dodawania' + value1 + '+' + value2 + ' jest : '+ suma);});

Zobaczmy teraz, jak to wygląda, gdy uruchamiamy przez konsolę ten przykład z wywołaniem i odpowiedzią:

Coś ciekawego, co mogliśmy zauważyć, to to, że używamy JavaScript Płaskie i proste do zdefiniowania przetwarzanie, użycie tego języka jest bardzo ważne, ponieważ w ten sposób będziemy mogli rozszerzyć naszą zdolność do wszystkiego, co możemy osiągnąć w momencie budowania naszych zadań z Chrząknięcie.
Możliwe jest użycie ostrzeżeń w naszych zadaniach, dzięki temu możemy trochę zweryfikować parametry otrzymane od użytkownika, na przykład nasze poprzednie zadanie to suma, ale jeśli wstawimy coś innego niż liczbę, na pewno nasza operacja się nie powiedzie, więc możemy wykonaj następujące czynności: za pomocą metody ostrzegać () Sprawdzimy, czy oba parametry są liczbami, a jeśli tak nie jest, uruchomimy ostrzeżenie:

 grunt.registerTask ('add', function (wartość1, wartość2) {if (isNaN (Liczba (wartość1))) {grunt.warn ('Pierwsza wartość' + wartość1 + 'musi być liczbą.');} if ( isNaN (Liczba (wartość2))) {grunt.warn ('Druga wartość' + wartość2 + 'musi być liczbą.');} Suma Var = Liczba (wartość1) + Liczba (wartość2); grunt.log.writeln ( 'Wynik dodania '+ wartość1 +' + '+ wartość2 +' to: '+ suma);});

W naszym przepisanym kodzie sprawdziliśmy, że jeśli wynik konwersji do Numer () parametrów nie jest liczbą, uruchom metodę ostrzegać () lub ostrzeżenie, przerywa wątek i wyświetla komunikat, dzięki czemu możemy uniknąć wadliwego zadania. Zobaczmy, jak to wygląda w naszej konsoli podczas wykonywania zadania:

Jak również zauważamy znajomość języka JavaScript To bardzo ważne, więc jeśli jesteśmy poniżej poziomu, do którego chcemy dotrzeć, musimy ćwiczyć i starać się wykonywać jak najwięcej ćwiczeń, aby poprawić nasze umiejętności.
Na tym zakończyliśmy ten samouczek, ponieważ widzimy tworzenie zadań za pomocą Chrząknięcie Nie są one zbyt skomplikowane, raczej ich logika w momencie ich definiowania pomaga nam ułatwić zrozumienie użycia narzędzia. Prawdziwa złożoność tkwi w definicji naszej własnej logiki w momencie, gdy wiemy, co zrobi nasze zadanie i jak możemy sprawić, by było ono jak najbardziej przydatne do ponownego użycia, ponieważ jeśli tak nie jest, będziemy pracować na próżno.