Как настроить less + bootstrap + bower + grunt?

Question

[Вячеслав]

Помогите пожалуйста правильно настроить. По отдельности могу использовать все компоненты.
Когда через Bower устанавливаю Bootstrap, то создается много файлов и папок смысл присутствия которых я не очень понимаю. И зачем там less в bootstrap? Если подключается только css. Обьясните пожалуйста.
Как можно пользоватся связкой less + bootstrap + bower + grunt используя привычную структуру: в папке с сайтом вложеные папки css, js, fonts?

Answer 1

[Сергей Протько]

bower скачивает пакеты и отвечает за обновление оных и поддержания порядка.
есть плагины для grunt позволяющие копировать пакеты в нужную директорию при сборке, можно вручную копировать (grunt-copy).
less собирает стили (скажем вы в своих стилях можете подключить bootstrap.less и переопределять переменные и стили, собирать свои сборки и т.тд. Смысл в этом). Обычно используется вкупе с grun-contrib-less, который интегрирует поддержку less в grunt.

словом... все просто решается настройкой grunt. Так же можете попробовать gulp как более быстрое и кошерное решение.

Answer 2

[Павел Мышкин]

У меня в Gulp подключен плагин bower-main-files (он и для grunt) - с помощью него я копирую к себе в проект только нужные файлы. Синтаксис грунта не знаю, конкретней не подскажу, но там есть пример.

Что я делаю: копирую библиотеки с bower_components, минифицирую и кладу в /public
JS в /js/vendor
CSS в /css
Шрифты в /fonts

Comments

[Вячеслав]

Почему вы именно Gulp используете а не grunt? Какая между ними разница? Yeoman может заменить Gulp? помогите разобраться новичку что к чему.

[Павел Мышкин]

Выбрал после чтения поста на хабре, где сравнивали скорость сборки и гульп оказался быстрее. Еоман - а он вроде не тоже самое (я не знаю на самом деле) ... вроде, он может работать как с грантом, так и с гульпом. Но я не буду ничего больше говорить - знаком очень поверхностно, даже незнаком почти.

[Андрей Гуртовой]

Вячеслав: еоман для скафолдинга. -- это когда ты пишешь в консоли yo webapp (webapp - это называется генератор) а оно тебе в этой папке скачивает и настраивает минимальную рабочую среду с грантом гульпом и рабочим приложением . останется только написать grunt serve и посмотреть работоспособность.

Вообще помимо webapp генераторов великое множество. и каждый генератор для своих целей.
например есть генератор для разворачивания приложения с использованием ангуляра и рекваера :) Останется только посмотреть как оно сделано и писать в таком же стиле (ну это я преувеличиваю. Останется ещё перечитать тонну мануалов про входящие в комплект генератора инструменты)