Я поддерживаю несколько приложений реагирования в своей компании, поэтому я создал внутреннее хранилище для общих компонентов пользовательского интерфейса и использую его в разных приложениях.
В этом общем репо у меня есть файл sass для типографики, который я наследую, используя @extend:
shared_repo / typography.scss
%font-large-01 {
font-family: HelveticaNeue;
font-size: 22px;
}
shared_repo / dropdown.scss
@import "../../style/typography";
.btn {
@extend %font-large-01;
}
Это все отлично работает.
Теперь я хочу использовать эту типографику за пределами этого репозитория, так же, как компоненты реакции совместно используются в разных приложениях, но у меня возникают проблемы при ее экспорте.
export DropDown from './components/dropdown'; //works
export typography from './style/typography.scss'; //looking for something like this
Как я могу экспортировать эту типографику в виде модуля и @ расширить ее (в другом репо)?