Направите наш први задатак са Грунтом

Инсталација и успостављање Грунт То је нешто сасвим једноставно за урадити, али када имамо све алате и знамо неке од основних команди, често се питамо, шта сада можемо учинити? Следећи корак је врло једноставан, време је за почетак изградње задатака.
Идеја иза задатка је да то може бити нешто што може ријешити честе проблеме или активности које увијек обављамо током радног дана или развоја апликација, гдје, будући да се понављају по природи, можемо поставити параметре тим задацима и на тај начин они увијек могу радити без потребе да их морате правити од нуле.
ЗахтевиОвај водич препоручује да познајете основне основе ЈаваСцрипт јер ћемо користити многе ствари из овог језика. Још један битан захтев је да морамо инсталирати и конфигурисати Грунт у нашем систему или сандбок -у, то значи да морамо имати Ноде.јс, ваш менаџер пакета нпм и наравно Грунт. Коначно, морамо имати уређивач текста за креирање садржаја наших вежби и довољне дозволе за креирање датотека и слободно извршавање команде грунт у конзоли.
Задатак је активност која има почетак, развој и крај Грунт задатак није ништа друго до функција у ЈаваСцрипт који је садржан у досијеу Грунтфиле.јс и то при извршавању команде грунт у нашој конзоли можемо учинити да се ова функција изврши, што доводи до покретања њеног садржаја.
Задацима се управља модуларно, много у стилу основног устава Ноде.јсСтога, сваки пут када дефинишемо нови скуп задатака, морамо додати упутства која указују на њихову модуларност.
Да бисмо креирали задатак потребан нам је основни код у датотеци грунтфиле.јс, овај код се зове котловница јер се понавља, међутим користимо га само једном, да видимо како изгледа:

 модуле.екпортс = фунцтион (грунт) {// ево садржаја наших задатака};

Када ставимо тај код у нашу датотеку, већ имамо основу или устав за креирање својих задатака. Када то учинимо, урадићемо задатак који нам омогућава да напишемо поруку путем конзоле, за то ћемо написати следећи код:

 модуле.екпортс = фунцтион (грунт) {грунт.регистерТаск ('дефаулт', фунцтион () {цонсоле.лог ('Здраво, бацили смо поруку у Грунт.');});};

Оно што смо урадили врло је лако објаснити, прво смо узели објекат грунт које стварамо помоћу нашег кода котловница, онда смо у овом објекту извршили методу регистерТаск шта нам помаже да кажемо Грунт да додајемо нови задатак, следећи чин му дајемо име, а затим му анонимном функцијом проследимо садржај нашег задатка, што је у овом случају порука на конзоли.
Погледајмо како овај пример изгледа приликом извршавања задатка, за њега у фасцикли у којој чувамо нашу датотеку грунтфиле.јс извршићемо следећу команду:

 грунт

Где би онда конзола требала дати резултат попут следећег:

Важно је напоменути да за овај задатак користимо подразумевано име јер је то задатак који Грунт подразумевано ће претраживати како му име указује у датотеци грунтфиле.јс, да нема тај назив добили бисмо грешку приликом извршавања грунт као што видимо на следећој слици:

Наш претходни пример, иако ради, није најпрепоручљивији, једноставно смо искористили конзолу Ноде.јс али ово нема све функционалности и својства конзоле Грунт па ако имамо било какве додатне информације из програмске машине сигурно их нећемо видети. Зато морамо да користимо конзолу нашег строја за аутоматизацију задатака, концепт у филозофији је практично исти само што мењамо објекте и функције које морамо позвати.
Погледајмо у следећем коду како можемо да препишемо наш код из претходног примера да бисмо могли да испунимо оно што смо објашњавали:

 модуле.екпортс = фунцтион (грунт) {грунт.регистерТаск ('дефаулт', фунцтион () {грунт.лог.врителн ('Ову поруку приказује Грунт конзола.');});};

Како видимо само поново користимо објекат грунт иницијал датотеке, онда користимо његову класу Пријава и на крају метод врителн, резултат је исти као у претходном примеру само с том разликом што смо за наше потребе користили нешто оптималније. Погледајмо на следећој слици како се све правилно одржавало:

На почетку смо говорили о задацима за вишекратну употребу и који нам омогућавају уштеду времена, једна од ствари која нам може омогућити да постигнемо одговарајући степен поновне употребе задатака је могућност додавања параметара, с тим можемо променити неке вредности Према ситуацији у којој се можемо наћи, попут стварања корисника за систем директно са Грунт, са којим као параметар можемо проследити назив датотеке са листом корисника.
У следећем коду ћемо урадити нешто веома занимљиво, пре свега ћемо видети како креирати задатке који нису наш подразумевани процес, са овим ћемо већ имати кључ за неколико задатака у истој датотеци. Параметар који ће примити наш задатак једноставно ће бити постављен у анонимној функцији, на овај начин га можемо ухватити и обрадити у његовом телу.
Погледајмо код за генерисање овог задатка, као вежбу можемо поставити наведени код после подразумеваног задатка да бисмо тестирали оно што смо објаснили:

 грунт.регистерТаск ('кажи здраво', функција (име) {грунт.лог.врителн ('Здраво:' + име + 'добро јутро данас');});

Сада да би конзола позвала задатак једноставно радимо следеће:

 грунт поздравити: Име

Како можемо видети постављамо име задатка и са тачком се одвајамо да бисмо проследили неопходни параметар, у овом случају име које желимо да пошаљемо задатку, да видимо како то изгледа у нашој конзоли:

Шта се дешава ако наш задатак захтева да проследимо два или више параметара, једноставно у код истог додајемо их раздвојене зарезима као функцију ЈаваСцрипт нормално, а када их позовемо у конзолу можемо их поставити на исти начин раздвајања, хајде да видимо код где извршавамо задатак који нам то показује:

 грунт.регистерТаск ('адд', фунцтион (валуе1, валуе2) {вар сум = Нумбер (валуе1) + Нумбер (валуе2); грунт.лог.врителн ('Резултат додавања' + валуе1 + ' +' + валуе2 + ' је: '+ збир);});

Хајде сада да видимо како изгледа када прођемо кроз конзолу овај пример са позивом и одговором:

Нешто занимљиво што бисмо могли приметити је да користимо ЈаваСцрипт Једноставна и једноставна за дефинисање обраде, употреба овог језика је веома важна јер ћемо на овај начин моћи проширити свој капацитет свега што можемо постићи у време изградње наших задатака помоћу Грунт.
Могуће је користити упозорења у нашим задацима, са овим можемо мало потврдити параметре примљене од корисника, на пример наш претходни задатак је збир, али ако ставимо нешто друго осим броја, наша операција ће сигурно пропасти, па можемо урадите следеће: уз помоћ методе упозорити () Потврдићемо да су оба параметра бројеви, а у случају да нису, лансираћемо упозорење:

 грунт.регистерТаск ('адд', фунцтион (валуе1, валуе2) {иф (исНаН (Нумбер (валуе1)))) {грунт.варн ('Прва вредност' + валуе1 + 'мора бити број.');} иф ( исНаН (Број (вредност2))) {грунт.варн ('Друга вредност' + вредност2 + 'мора бити број.');} Вар збир = Број (вредност1) + Број (вредност2); грунт.лог.врителн ( 'Резултат додавања' + валуе1 + ' +' + валуе2 + 'је:' + збир);});

У нашем преписаном коду потврдили смо да ако је резултат конверзије у Број () параметара није број покретање методе упозорити () или упозорење, ово прекида нит и приказује поруку, тако да можемо избећи неисправан задатак. Хајде да видимо како ово изгледа на нашој конзоли приликом извршавања задатка:

Као што примећујемо и познавање језика ЈаваСцрипт Веома је важно па ако смо испод нивоа који желимо да достигнемо, морамо да вежбамо и покушамо да урадимо што више вежби како бисмо побољшали своје вештине.
Овим смо завршили овај водич, као што видимо креирање задатака помоћу Грунт То није много сложено, већ нам логика у време њиховог дефинисања помаже да олакшамо разумевање употребе алата. Права сложеност је у дефинисању наше сопствене логике у тренутку када знамо шта ће наш задатак учинити и како га можемо учинити што је више могуће за употребу, јер ако није, радићемо узалуд.