Мундариҷа
Роҳбарони вазифаҳои JavaScript, ба монанди Grunt, бо таҳиягарони пешрафта хеле маъмул гаштанд. Сабаб ин аст, ки онҳо ба иҷрои як чиз, ки ҳамаи мо мехоҳем дар ҷойҳои кории мо иҷро кунем, кӯмак мерасонанд - вақтро сарфа кунед!
Аммо бо зиёда аз 5,000 (ва ҳисоб кардани) плагинҳои Grunt, ки ҳоло дастрасанд, барои таҳиягарон ёфтани он 'алмосҳо дар ноҳамворӣ' душвор буда метавонад. Мо ба замони худ нигоҳ карда, ба Grunt часпидем, ки дорухати олии плагинҳои Grunt -ро пайдо кунем, ки шумо бояд онҳоро истифода баред.
01. Нобовар кардан
Ҳар як таҳиягари пешрафта ба маблағи намаки онҳо дар бораи афзалиятҳои кам кардани файлҳои JavaScript медонад ва ин маҳз ҳамон чизест, ки ин плагин иҷро мекунад. Чунин маъруфияти он аст, он дар асл ба Дастури Оғози Grunt шомил карда шудааст. Сарфи назар аз ном, ин плагин инчунин метавонад барои зебо кардани рамзи JavaScript-и шумо низ истифода шавад - гарчанде ки ин махсусан барои истифодаи истеҳсолот муфид нест.
02. Сасс
Шояд баъзе баҳсҳо вуҷуд дошта бошанд, ки дар бораи он кадом протсессори пешакии CSS воқеан қудратро идора мекунад, аммо дар ин ҷо, дар Stickyeyes, мо на дар бораи Sass, балки рақиби асосии он қарор гирифтем. Ин плагин ба мо имкон медиҳад, ки файлҳои Sass-и худро нависем ва онҳоро ба таври худкор ба CSS тартиб диҳем. Фоидаҳои истифодаи протсессори пешакии CSS дар худ як мақолаи алоҳидаеро кафолат медиҳанд, аммо бо боварӣ гуфтан мумкин аст, ки агар шумо аллакай онро истифода набаред, шумо ба ҳизб хеле дер ҳастед!
03. CSSMin
Ин плагин муодили CSS-и Uglify аст. Он танҳо ҳама файлҳои мушаххаси CSS-ро мегирад ва онҳоро хурд мекунад. Албатта, агар шумо инро дар якҷоягӣ бо плагини Sass истифода карданӣ бошед, пас шумо бояд кафолат диҳед, ки ин вазифа пас аз вазифаи Sass иҷро карда мешавад.
Бисёр алтернативаҳо барои CSSMin мавҷуданд, ки инчунин метавонанд андозаи файлҳои CSS-и худро бо истифода аз усулҳои каме фарқ кунанд; CSS nano, фишурдани CSS, коҳиши CSS ва ғ. Ин меъёри муфидро хонед, агар шумо ба ин навъи ашё ҳастед.
04. Конкат
Тавре ки аз номаш бармеояд, ин плагин танҳо якчанд файлҳоро мегирад ва онҳоро ба як файл пайваст мекунад. Мисли кам кардани рамз, ҳамҷоякунии файлҳо инчунин таҷрибаи беҳтарини қадимӣ барои коҳиш додани вақти боркунии саҳифа мебошад.
Пайвастагии файл бояд ҳамеша дар истеҳсолот барои JavaScript ва CSS истифода шавад. Ин одатан вазифаи охиринест, ки иҷро карда мешавад - пас аз вазифаи CSS пеш аз коркард ва minification. Танҳо ба ин плагин гуфтан осон аст, то ҳамаи файлҳоро дар феҳристи мушаххас созанд, аммо аз фармоише, ки файлҳо муттаҳид мешаванд, эҳтиёт шавед - шояд ба шумо фармони мушаххас диҳед ё файлҳоро номгузорӣ кунед, то онҳо ҳамеша бо тартибе, ки шумо мехоҳед, муттаҳид карда шаванд .
05. ImageMin
Дар айни замон, бо CSSMin ва Uglify, ImageMin мушкилоти дигари қадимиро барои бори саҳифа ҳал мекунад - андозаи файли тасвир. Тасвири 'minifying' одатан аввалин даргоҳи занг барои оптимизатсия мебошад, бинобар ин, ин плагин барои кам кардани ҳаҷми умумии парвандаи саҳифа муҳим аст.
Агар шумо бо JPG, PNG, GIF ё SVG кор карда истода бошед (формати тасвири вектори доимо маъмултар), ин плагин боиси кам кардани талафот дар файли тасвирҳои шумо мегардад, бе он ки шумо ангуштро бардоред. Агар шумо дар лоиҳаи худ тасвирҳои зиёде дошта бошед, ин фикри хуб аст, ки ин вазифаро танҳо вақте иҷро кунед, ки ба истеҳсолот ҳаракат карда истодаед, на ин ки дар як чорабинии тамошо (ин ба нуқтаи оянда нигаред).
06. Тамошо кунед
Ин плагин дарвоқеъ ба вебсайти шумо таъсир намерасонад, аммо барои эҷоди як раванди муассири Grunt бениҳоят муфид аст. Тамошо танҳо ба ҳама директорияҳое, ки шумо таъин кардаед, чашм мепӯшад ва пас аз тағир ёфтани чизе, он ба таври худкор вазифаҳои мушаххаси Grunt-ро оғоз мекунад.
Пас, шумо метавонед як ҳолати бедориро дар феҳристи 'js' -и худ барои иҷрои вазифаҳои JavaScript ва дигареро дар феҳристи 'css' -и худ барои иҷрои вазифаҳои CSS муқаррар кунед. Ин маънои онро дорад, ки шумо ҳеҷ гоҳ маҷбур намешавед, ки раванди асосии Grunt-и худро дастӣ иҷро кунед! Пеш аз он ки ба тағирот шурӯъ кунед, танҳо вазифаи хӯрдани соатро оғоз кунед ва шумо метавонед онро ҳатто дар он ҷо фаромӯш кунед.
Калимаҳо: Ҷейми Шилдс
Ҷейми Шилдс як таҳиягари ақиб дар агентии маркетинги рақамии Stickyeyes мебошад.
Ҳамин тавр? Инро бихонед!
- Grunt vs Gulp: Кадом асбоби сохтани JavaScript-ро шумо бояд интихоб кунед?
- 8 роҳҳои такмил додани насби Grunt-и шумо
- Беҳтарин мавзӯъҳои ройгони ройгони WordPress