Есть все эти задачи, которые нам нужно выполнить как фронтенд-разработчики. Объедините и сожмите наши файлы. Запускаем наши препроцессоры. Оптимизируйте изображения. Проведите тесты. У этого списка нет конца. Становится все труднее использовать разные инструменты для всех. Запуск их вручную усугубляет ситуацию, и легко ошибиться.
Grunt идеально подходит для обуздания всего этого. Возможно, вы знакомы с такими инструментами, как CodeKit (рассмотренный в этом скринкасте) для выполнения подобных задач. CodeKit великолепен. Вы можете думать об этом как о действительно специфической настройке Grunt с красивым интерфейсом. Grunt станет заменой CodeKit, если вам нужно сделать в процессе сборки больше, чем предлагает CodeKit.
В этом скринкасте мы расскажем, как запустить Grunt в простом проекте. Это должно быть видео, сопровождающее более подробную статью о 24 способах.
Соответствующие ссылки:
- Сначала убедитесь, что вы сделали: Установить узел
- Сайт Grunt: начало работы
- My Grunt Boilerplate - который делает то, что мы делали в этом скринкасте, а также многое другое.
- Плагины Grunt, о которых мы говорили: Uglify, Sass, Watch
Примечание: я знаю, что я новичок в Grunt. У вас есть отличная информация о Grunt? Очень хотелось бы услышать в комментариях. Анннннд, я знаю, что видео в конце немного испорчено. Починю.