SCSS: как использовать внешние каркасные переменные /mixins и классы @extend без дублирования кода?
При создании файла CSS из SASS, как лучше всего ссылаться на внешние библиотеки (и дублировать код), не импортируя их?
Например
Мне нужно сгенерировать 3 CSS-файла: -framework.css (например, Bootstrap) -vendors.css (например, FontAwesome) -specific-module.css (код моего сайта).
В specific_module.scss Мне необходимо @extend .btn и использовать @include media-breakpoint() которые определены в рамках, и использовать fa_content($fa-var) функция и переменные, установленные в vendors.scss,
Я знаю, что могу импортировать частичную часть scss, которая не выводит свой собственный код (например, _framework-mixins.scss), но это предполагает, что внешняя библиотека, которую я вынужден использовать, на самом деле делает хорошую работу, отделяя переменные, миксины и функции от остальной части scss (Bootstrap и FontAwesome были только примерами). И это не решает проблему расширения класса.
- В настоящее время я использую Gulp + Uglifycss, но если решение относится к другому компрессору CSS, я буду рад переключиться.