Игнорированный SCSS -импорт - один файл компонента (folders.scss) никогда не появляется в скомпилированном CSS ⇐ Html

[Anonymous]

Я работаю с проектом SCSS, содержащим основной индекс. Структура: < /p>
src/
├ components/
│ ├ badges.scss
│ ├ buttons.scss
│ ├ folders.scss
│ └ index.scss # imports all above
├ utils/
│ └ _variables.scss
└ index.scss # global entry point importing src/components/index.scss

в src/components/index.scss:
@import 'badges';
@import 'buttons';
@import 'card';
@import 'price';
@import 'svg';
@import 'typography';
@import 'navbar';
@import 'folders'; //
Однако, после компиляции с моим обычным процессом сборки, я вижу в Chrome Devtools, которые появляются все импортированные компонентные файлы, кроме Foters.scss. Скомпилированные CSS включают значки, кнопки и т. Д., Но ни одно из правил из FOLDERS.SCSS - как если бы файл даже не был импортирован. Ошибки.@import './folders.scss';


Подробнее здесь: https://stackoverflow.com/questions/797 ... in-compile