Почему gulp-sass ругается при сборке кастомного бутстарапа c includePaths?

Question

[alvvi]

Пытаюсь скомпилировать кастомную версию бутстрапа используя scss исходники.
В данный момент это происходит следующим образом

// Core variables and mixins
@import "../../vendor/bootstrap/scss/variables"
@import "../../vendor/bootstrap/scss/mixins"
@import "../../vendor/bootstrap/scss/custom"

// Reset and dependencies
@import "../../vendor/bootstrap/scss/normalize"
@import "../../vendor/bootstrap/scss/print"

// Core CSS
@import "../../vendor/bootstrap/scss/reboot"
...

Все компилируется прекрасно, но хотелось бы избавиться от длинных путей и делегировать это компилятору == gulp-sass, добавляю в gulp-sass опцию includePaths:

...
.pipe(sass({
  outputStyle: 'expanded',
  includePaths: ['app/vendor/bootstrap/scss']
}))
...

и импортирую теперь так

@import "variables"
@import "mixins"
@import "custom"
...

Вроде бы все хорошо, импорты идут, но как только в одном из импортируемых файлов встречается миксин, gulp-sass выдает ошибку

[19:46:59] Starting 'styles'...
[19:46:59] gulp-notify: [Styles] app\vendor\bootstrap\scss\_reboot.scss
Error: no mixin named hover-focus

       Backtrace:
        app/vendor/bootstrap/scss/_reboot.scss:167
        on line 167 of app/vendor/bootstrap/scss/_reboot.scss
>>   @include hover-focus {
   -----------^

[19:46:59] Finished 'styles' after 268 ms

Вопрос: почему это происходит? Почему файлы импоритруемые после миксинов не видят эти самые миксины?

Comments

[Сергей delphinpro]

Смотрите на бектрейс - там один файл. т.е. rebot.scss компилится не в качестве импорта в основной файл, а отдельно. В нем нет импорта миксинов, вот и ошибка.
Как решать - хз. Я отказался от использования includePath. Какая разница, длинные пути, короткие...

[alvvi]

Сергей: при этом _rebot.scss не должен компилится отдельно, не так ли? Может стоит кинуть issue в репозиторий gulp-sass, пока что решил явным указанием расширения у миксинов, но выглядит это как костыль.

[Сергей delphinpro]

Илья Ростопка: конечно не должен. Я правда не помню, компилится ли. У меня давным-давно не завёлся этот includePath и я забил на него. Если да, то это определенно баг.

Answer 1

[alvvi]

Эх, как всегда проблема решалась самым банальным, хоть и крайне неочевидным способом. =\
Необходимо было явно задать расширение файла.

// Core variables and mixins
@import "variables.scss"
@import "mixins.scss" <== 
@import "custom"

// Reset and dependencies
@import "normalize"
@import "print"

// Core CSS
@import "reboot"
@import "type"
...

Хотя до сих пор не понимаю, почему это так важно для компилятора, за объяснение буду благодарен.

Comments

[alvvi]

MaxKorz: 4 версия gulp и 3.1.0 версия gulp-sass