Можно ли компилировать только миксины в scss? - PullRequest
0 голосов
/ 05 января 2019

У меня есть файл scss с некоторыми частичными миксинами. Я хочу скомпилировать только этот миксин, не конвертируя его в CSS. Позвольте мне показать вам код.

@mixin baseButton() {
  position: relative;
  display: inline-block;

  &:disabled {
    background-color: gray;
  }
}

@mixin button($classname:".midori-button") {
  #{$classname} {
    color: gray;
    @include baseButton();
  }
}

@include button();

Можно ли скомпилировать этот код в SCSS, как указано выше, но не в CSS, как:

.midori-button {
  color: gray;
  position: relative;
  display: inline-block;

  &:disabled {
    background-color: gray;
  }
}

Спасибо.

П.С .: Не родной.

1 Ответ

0 голосов
/ 07 января 2019

Не уверен, правильно ли я читаю этот вопрос, но вы можете создать смешанные партиалы, которые не отображают CSS, добавив подчеркивание к имени файла, например _button.scss

Если вы сделаете это, вы должны поместить @inclue в файл / файлы, которые вы хотите визуализировать CSS (используя @import, чтобы сделать миксины доступными).

// _button.scss => No CSS
@mixin baseButton(){ ... }
@mixin button(){ ...}


// module-1.scss  => module-1.css
@import '_button.scss';
@include baseButton;
@include button;

// module-2.scss  => module-2.css 
@import '_button.scss';
@include baseButton;
@include button;
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...