Проблема возникла следующая. Мне необходимо использовать компоненты bootstrap (целиком это свалка), а вот отдельные компоненты очень даже хорошая штука.
Я зашел в гости к разработчикам: https://github.com/twbs/bootstrap скачал это все дело и меня интересует следующее: - dropdown.js - modal.js - popover.js - tab.js - tooltip.js
Естественно к этим плагинам нужны стили, их можно взять тут: https://github.com/twbs/bootstrap/tree/master/less Для компиляции LESS в CSS я использую плагин в phpStorm.
И возникает следующая проблема: Каждый LESS файл использует переменные: https://github.com/twbs/bootstrap/blob/master/less/modals.less, поэтому при редактировании кода я не могу редактировать 1 файл и сразу смотреть на изменения в браузере, так как возникает ошибка (к примеру переменная @modal-content-bg не найдена).
Как вариант создать свой файл настроек и импортировать в каждый LESS файл плагина или постоянно собирать все это дело через grunt, что достаточно не удобно.
Подскажите пожалуйста как это дело правильно готовить?
variables.less
, поэтому обязательно скопируйте этот файл, поставьте его самым первым в результирующем файле сборки и при необходимости удалите неиспользуемые переменные, а без этого файла там вообще ничего работать не будет