Sass mixins для вывода переменной в комментариях

При работе с большой библиотекой sass мне нравится включать флаги; большие флаги для импортируемых файлов и небольших флагов для импортированных файлов. Это облегчает отладку в браузере, потому что я могу быстро найти связанные файлы sass и внести изменения.Sass mixins для вывода переменной в комментариях

Есть ли способ получить выходные комментарии mixin с назначенной переменной? Вот что я пробовал.

@mixin bigflag($filepath){ 
     /*********** 
     ****** $filepath 
     ***********/ 
    } 

@include bigflag(scss/middle/header.scss);

Я хотел бы приведенный выше код для вывода в

 /*********** 
     ****** scss/middle/header.scss 
     ***********/

Это не работает; неблокирующий комментарий делает переменную неактивной или закомментирован. Думаю, я мог бы копировать и вставлять флаги комментариев, но ... Это было бы очень удобно.

Любая помощь приветствуется. Спасибо

источник

2013-06-18 iphipps

Sass уже предоставляет варианты отладки, почему бы вам не использовать их? – cimmanon

Менее точно описывается как отладка, возможно, моя потребность лучше описана как совершенство пикселя. Вместо того, чтобы пытаться использовать значение sass, сохранять, перекомпилировать и проверять браузер, я могу переключить значение из инструментов браузера dev, найти точное значение, которое я хочу, затем изменить файл sass. Эти флаги позволяют мне быстро определить, какой файл мне нужно изменить, когда я закончил переключение в инспекторе. – iphipps

И? Флаг '--debug-info' добавляет номера строк, чтобы показать, откуда берутся стили. – cimmanon

После некоторых исследований по экранирующих символов в дерзости

@mixin flag($file){ 
/*********** 
****** #{$file} 
***********/ 
} 
@include flag(scss/middle/header);

выходов,

/*********** 
****** scss/middle/header 
***********/

одну ноту: пререкаться не любит периоды. поэтому, если вы используете флаг (scss/middle/header.scss), вам нужно избежать периода до scss. Это кропотливо, и я не буду использовать его.

источник

2013-06-18 17:03:40 iphipps

Вы должны просто хранить заголовки комментариев в соответствующих файлах. –

Да, я. Определение микширования находится на верхнем уровне перед импортом. Каждый импорт включает mixin в верхней части файла. Таким образом, скомпилированный файл имеет флаги, указывающие верхнюю часть каждого sass-файла. – iphipps

Обновление: сопоставление источников и папки рабочего пространства в инструментах dev делает ненужным. – iphipps

Sass mixins для вывода переменной в комментариях

ответ

Смежные вопросы