Bootstrap 3 и Меньше вместе

Question

Я хочу использовать Bootstrap 3 и Less вместе. Вот что я сделал:

1. установили Node.js
2. установлен Less, используя НПЙ
3. загруженных самозагрузки источника (в другом каталоге, чем каталог моего проекта)
4. копируется весь «/ меньше» вложенным в рабочий каталог моего проекта.

5. создал мой пользовательский бесплатный файл (например, styles.less) и включил следующее: @import '../less/bootstrap.less'; @import '../less/utilities.less';

6. скомпилирован в командной строке с помощью Node: 'lessc styles.less> styles.css'

Мой вопрос:

ли теперь мне нужно включать только скомпилированный файл styles.css с моим проектом или мне нужно включить все компоненты начальной загрузки?

Кроме того, этот рабочий процесс рекомендуется? (Я действительно читал что-то подобное в статье smashingmagazine.com).

PS: Извините заранее за этот глупый (я думаю) вопрос.

Спасибо!

Answer 1

Если вы использовали

@import "bootstrap.less"; 

..inside ваш главный меньше файл, то bootstrap.less будет включен во compiletime и будет находиться внутри скомпилированного styles.css.

После того, как ваш файл styles.css был скомпилирован, вам нужно включить этот файл в свой проект.

PS. Также загляните в свой файл styles.css, чтобы увидеть, что там было скомпилировано. Или играть вокруг себя/экспериментировать. Например, создайте 2 разных файла меньшего размера, @import их внутри вашего main.less, скомпилируйте и посмотрите, что произойдет.