Динамически повторно импортировать Sass partials после внесения изменений в переменные

Question

Я работаю над проектом, используя Twitter Bootstrap, предварительно скомпилированный с Sass.

Каждый раз, когда я переопределяю переменную, мне нужно повторно импортировать файл _bootstrap.sass в мою основную таблицу стилей проекта, чтобы переопределение вступила в силу.

Знаете ли вы, как сделать этот процесс автоматическим, чтобы каждый раз, когда я изменял переменную, он вступает в силу немедленно?

Для дальнейшего уточнения, это моя структура каталогов:

/project 
    /custom-sass 
    /boot.scss -> This is where _bootstrap.scss is imported 
    /glob.scss 
    /dev 
    /bootstrap-sass 
     /bootstrap 
     /mixins 
     /partial1.scss 
     /partial2.scss 
     /etc.. 
     /_bootstrap.scss -> This is the main Bootstrap Sass file that imports all partials. 

Когда я переопределить переменную непосредственно в _variables.scss, а затем повторно импортировать _bootstrap.scss с этой директивой: @import '../dev/bootstrap-sass/_bootstrap.scss в моем boot.scss, то стили обновляются.

Однако я не хочу переопределять переменные непосредственно в _variables.scss. Более того, я не хочу, чтобы меня заставляли повторно импортировать _bootstrap.scss в мою основную таблицу стилей каждый раз, когда я делаю изменения.

Answer 1

Нет языка, который будет делать то, что вы предлагаете. Если вы укажете $margin: 10px и затем запустите некоторый код, который использует эту переменную, вы не сможете изменить его на 20px и ожидать, что он будет ретроактивно изменять результаты кода, который уже запущен.

Если вы хотите $margin: 20px, вы указываете его таким образом, прежде чем запускать процедуры (миксины, импорт и т. Д.), Которые зависят от него. Другими словами, переместите импорт Bootstrap так, чтобы они были после, вы установили свои переменные.