Ошибка при импорте файлов в mixin breakpoint-sass

Question

Я пытаюсь импортировать набор файлов, используя breakpoint-sass, но получаю сообщение об ошибке

filenames.scss (Line 99: Import directives may not be used within control directives or mixins.)

Код, который я использую:

@include breakpoint($breakpoint2) {
  @import "path/to/sassfilename";
}

Это даже разрешено? Могу ли я импортировать файлы в точке останова? Я не мог видеть ничего, что могло бы сказать по-другому, поэтому я предполагаю, что можно импортировать файлы, а не вставлять все CSS.

Answer 1

Вы не можете использовать импорт в include mixin. Это твоя ошибка. Вы должны переместить строку импорта за пределы условий или директив.

Может быть, вы можете создать файл с именем _breakpoint.scss и поместить в него свой код:

//filenames.scss
@import "breakpoint";
//some imported files

//_breakpoint.scss
@import 'path/to/sassfilename';

С уважением.