При создании файла 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, id с удовольствием переключится.