# 130: Перші моменти з бурчанням - CSS-хитрощі

Anonim

Є всі ці завдання, які нам потрібно робити, як розробникам інтерфейсу. Об’єднайте та стисніть наші файли. Запустіть наші препроцесори. Оптимізуйте зображення. Запустіть тести. Список можна продовжувати і продовжувати. Використовувати різні інструменти для всіх них стає все складніше. Запуск їх вручну погіршує ситуацію та легко викручує.

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

У цьому скрінкасті ми розповідаємо про те, як запустити Грунт та запустити його за допомогою простого проекту. Це задумано як супровідне відео до більш вичерпної статті про 24 шляхи.

Відповідні посилання:

  • Переконайтеся, що все зробили спочатку: Встановіть Node
  • Сайт Grunt: початок роботи
  • Мій Grunt Boilerplate - який робить те, що ми робили в цій трансляції, а також інші речі.
  • Плагіни Grunt, про які ми говорили: Uglify, Sass, Watch

Примітка: Я знаю, що я новенький ґрунт. Отримали чудову інформацію про Grunt, якою можна поділитися? Я б хотів почути в коментарях. Annnnnd Я знаю, що відео в кінці зіпсовано. Виправлять.