# 130: Първи моменти с мрънкане - CSS-трикове

Anonim

Има всички тези задачи, които трябва да направим като предни разработчици. Обединете и компресирайте нашите файлове. Стартирайте нашите препроцесори. Оптимизирайте изображенията. Изпълнете тестове. Списъкът продължава и продължава. Използването на различни инструменти за всички тях става все по-трудно. Изпълнението им ръчно го прави по-лошо и лесно да се объркате.

Grunt е идеален за овладяване на всичко това. Може би сте запознати с инструменти като CodeKit (обхванати в този екран) за извършване на такива неща. CodeKit е страхотен. Може да го помислите за наистина специфична настройка на Grunt с приятен интерфейс. Grunt ще бъде заместител на CodeKit, ако трябва да направите повече с процеса на изграждане, отколкото CodeKit предлага.

В този скрийнкаст ще разгледаме начина, по който Grunt работи и работи по прост проект. Това трябва да бъде придружаващо видео към по-изчерпателна статия за 24 начина.

Съответни връзки:

  • Уверете се, че сте направили първо: Инсталирайте Node
  • Сайт на Grunt: начало
  • Моят Grunt Boilerplate - който прави това, което направихме в този скринкаст, плюс още неща.
  • Grunt плъгини, за които говорихме: Uglify, Sass, Watch

Забележка: Знам, че съм Grunt newb. Имате ли страхотна информация за Grunt, която да споделите? Ще се радвам да чуя в коментарите. Annnnnd Знам, че видеото е нещо объркано в края. Ще оправи.