Мазмун
Грунт сыяктуу JavaScript тапшырма чуркоочулары алдыңкы иштеп чыгуучулар арасында өтө популярдуу болуп калышты. Себеби, алар жумушубузда бир нерсе жасоону каалашат - убакытты үнөмдөөгө!
Бирок азыр 5000ден ашык (жана эсептөөчү) Grunt плагиндери бар болгондуктан, иштеп чыгуучулар ошол "алмаздарды" таппай калышы мүмкүн. Сиз колдонушуңуз керек болгон Grunt плагиндеринин мыкты рецептин табуу үчүн Грунт менен тыгылышып жаткан убакты бир аз карап чыктык.
01. Uglify
Алардын тузуна татыктуу ар бир алдыңкы иштеп чыгуучу JavaScript файлдарын азайтуунун артыкчылыктары жөнүндө билет жана дал ушул плагин эмне кылат. Анын популярдуулугу ушундай, ал иш жүзүндө Grunt Getting Started Guideге киргизилген. Аталышына карабастан, бул плагин сиздин JavaScript кодуңузду да кооздоо үчүн колдонулушу мүмкүн - бирок бул өндүрүштү колдонуу үчүн өзгөчө пайдалуу эмес.
02. Sass
CSS алдын-ала иштеп чыгуучусу чындыгында кайсы жерди башкаргандыгы жөнүндө бир нече талаш-тартыштар болушу мүмкүн, бирок бул жерде Stickyeyesте биз анын негизги атаандашы Lessке эмес, Sassка токтолдук. Бул плагин Sass файлдарыбызды жазууга жана аларды CSSке автоматтык түрдө топтоого мүмкүндүк берет. CSS алдын-ала иштетүүчүнүн артыкчылыгы өзүнчө бир макаланы талап кылат, бирок эгер сиз аны колдонбосоңуз, анда кечеге кечигип калдыңыз деп айтууга болот!
03. CSSMin
Бул плагин Uglifyдин CSS эквиваленти болуп саналат. Ал жөн гана көрсөтүлгөн CSS файлдарын алат жана аларды кичирейтет. Албетте, эгер сиз муну Sass плагини менен бирге колдоно турган болсоңуз, анда бул тапшырманын Sass тапшырмасынан кийин аткарылышын камсыздашыңыз керек.
CSSMinге бир топ альтернатива бар, алар CSS файлдарыңыздын көлөмүн бир аз башкача ыкмаларды колдонуп кичирейтиши мүмкүн; CSS nano, CSS кысуу, CSS кичирейтүү ж.б.у.с. ушул сыяктуу пайдалуу критерийлерди окуп чыгыңыз.
04. Concat
Аталышынан көрүнүп тургандай, бул плагин бир нече файлдарды алып, аларды бир файлга бириктирип турат. Кодду кичирейтүү сыяктуу эле, файлдарды бириктирүү баракчага жүктөө убактысын кыскартуу боюнча илгертен келе жаткан мыкты тажрыйба болуп саналат.
Файлдарды бириктирүү ар дайым JavaScript жана CSS үчүн өндүрүштө колдонулушу керек. Бул адатта, CSS алдын-ала иштеп чыгуу жана минималдаштыруу тапшырмасынан кийин чуркап өткөн акыркы тапшырма. Бул плагинге белгилүү бир каталогдогу бардык файлдарды бириктирүү керек деп айтуу оңой, бирок файлдар бириктирилишинен этият болуңуз - белгилүү бир буйрук берип же файлдарды атап, алар ар дайым сиз каалаган тартипте айкалыштырылышы керек .
05. ImageMin
CSSMin жана Uglify сыяктуу эле, ImageMin барак жүктөө үчүн дагы бир илгерки көйгөйдү - сүрөт файлынын көлөмүн чечет. Сүрөттү 'кичирейтүү' адатта оптимизациянын биринчи чакыруусу болуп саналат, ошондуктан бул плагин жалпы барак файлынын көлөмүн мүмкүн болушунча азайтуу үчүн абдан маанилүү.
Эгер сиз JPG, PNG, GIF же SVG (күндөн-күнгө популярдуулукка ээ болгон вектордук формат) менен иштеп жатсаңыз, анда бул плагин сиздин сүрөтүңүздүн файлынын көлөмүн жоготпостон кыскартууну камсыз кылат, манжаңызды көтөрбөй эле. Эгерде сизде долбоордо көптөгөн сүрөттөр бар болсо, анда бул тапшырманы көрүү иш-чарасында аткарбастан, өндүрүшкө түртүп жатканда гана ушул ишти аткарышыңыз жакшы (кийинки пунктту караңыз).
06. Караңыз
Бул плагин чындыгында веб-сайтыңызга таасир этпейт, бирок натыйжалуу Grunt процессин түзүүдө өтө пайдалуу. Саат сиз көрсөткөн бардык каталогдорду байкап турат жана бир нерсе өзгөрсө, ал автоматтык түрдө Grunt тапшырмаларын жаратат.
Демек, JavaScript тапшырмаларын иштетүү үчүн ‘js’ каталогунда бир көрүү шартын, ал эми CSS тапшырмаларын аткаруу үчүн ’css’ каталогунда башка шартты орнотсоңуз болот. Демек, сиз эч качан негизги Grunt процессиңизди кол менен иштетпейсиз! Өзгөртүүлөрдү киргизе электе эле, сааттын күркүрөгөн тапшырмасын инициализациялаңыз, ал тургай ал жакта экенин унутсаңыз болот.
Сөздөр: Джейми Шилдс
Джейми Шилдс - бул санариптик маркетинг агенттиги Stickyeyesдин арткы иштеп чыгуучусу.
Бул сыяктуу? Муну оку!
- Grunt vs Gulp: JavaScript куруунун кайсы куралын тандашыңыз керек?
- Grunt орнотууну жакшыртуунун 8 жолу
- Мыкты акысыз WordPress темалары
