Садржај
ЈаваСцрипт покретачи задатака, попут Грунта, постали су изузетно популарни код фронт-енд програмера. То је зато што помажу у остваривању једне ствари коју сви желимо да радимо у свом послу - уштеде времена!
Али са више од 5.000 (и пребројаних) додатака за Грунт који су сада доступни, програмерима може бити тешко да пронађу те 'дијаманте у грубим цртама'. Осврнули смо се у наше време заглављујући се у Грунту и пронашли савршени рецепт за Грунт додатке који бисте требали да користите.
01. Углифи
Сваки фронт-енд програмер вредан соли зна за предности умањивања ЈаваСцрипт датотека, и управо то чини овај додатак. Таква је његова популарност, заправо је укључена у Водич за почетак Грунт-а. Упркос имену, овај додатак се такође може користити за улепшавање вашег ЈаваСцрипт кода - иако то није нарочито корисно за производну употребу.
02. Сасс
Можда постоје неке расправе о томе који ЦСС претпроцесор заиста влада надмоћношћу, али овде у Стицкиеиесу смо се одлучили за Сасса, а не за његовог главног ривала, Лесса. Овај додатак нам омогућава да напишемо наше Сасс датотеке и аутоматски их преведемо у ЦСС. Заслуга коришћења ЦСС претпроцесора гарантује засебан чланак за себе, али сигурно је рећи да ако га већ не користите, закаснили сте на забаву!
03. ЦССМин
Овај додатак је ЦСС еквивалент Углифи-у. Једноставно добија све наведене ЦСС датотеке и умањује их. Наравно, ако ћете ово користити заједно са додатком Сасс, онда требате осигурати да се овај задатак покрене након задатка Сасс.
Постоји пуно алтернатива ЦССМин-у које такође могу смањити величину ЦСС датотека користећи мало другачије технике; ЦСС нано, ЦСС вринг, ЦСС психијатар итд. Прочитајте овај практични пример ако се бавите том врстом ствари.
04. Цонцат
Као што и само име говори, овај додатак једноставно узима више датотека и спаја их у једну. Као и код умањивања кода, спајање датотека је такође прастара најбоља пракса за смањење времена учитавања странице.
Спајање датотека треба увек користити у производњи и за ЈаваСцрипт и за ЦСС. Ово је обично последњи задатак који је покренут - након ЦСС задатка пре обраде и задатка минификације. Лако је само рећи овом додатку да спаја све датотеке у одређеном директоријуму, али припазите редослед да се датотеке спајају - можда ћете морати дати одређени налог или датотеке дајте им имена тако да се увек спајају оним редоследом који желите .
05. ИмагеМин
У истом духу као ЦССМин и Углифи, ИмагеМин се бави још једним вековним проблемом учитавања странице - величином датотеке слике. „Минификација“ слике је обично први позив за оптимизацију, тако да је овај додатак неопходан да би се укупна величина датотеке странице смањила што је више могуће.
Ако радите са ЈПГ, ПНГ, ГИФ или СВГ (све популарнији формат векторских слика), овај додатак ће резултирати смањењем величине датотеке ваших слика без губитка прста. Ако у вашем пројекту имате пуно слика, добра је идеја да овај задатак покренете само када прелазите на продукцију, а не да га извршавате на догађају гледања (погледајте следећу тачку).
06. Ватцх
Овај додатак заправо не утиче на вашу веб страницу, али је изузетно користан у стварању ефикасног Грунт процеса. Ватцх једноставно пази на било који директоријум који наведете и када се нешто промени, аутоматски ће покренути одређене Грунт задатке.
Дакле, можете да подесите један услов за гледање у директоријуму 'јс' за покретање ЈаваСцрипт задатака, а други за директоријум 'цсс' за покретање ЦСС задатака. То значи да никада нећете морати ручно покретати свој главни Грунт процес! Само иницирајте задатак грунт ватцх пре него што почнете да уносите промене и можете заборавити да је чак и тамо.
Речи: Јамие Схиелдс
Јамие Схиелдс је задњи програмер у агенцији за дигитални маркетинг Стицкиеиес.
Овако? Прочитај ово!
- Грунт вс Гулп: Који ЈаваСцрипт алат за израду бисте требали одабрати?
- 8 начина за побољшање ваше Грунт поставке
- Најбоље бесплатне ВордПресс теме