SCSS: как использовать внешние каркасные переменные / mixins и классы @extend без дублирования кода? - PullRequest
0 голосов
/ 15 февраля 2019

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

...