При использовании SASS, как я могу импортировать файл из другого каталога?

Question

В SASS возможно ли импортировать файл из другого каталога? Например, если бы у меня была такая структура:

- root_directory
    - sub_directory_a
        - _common.scss
        - template.scss
    - sub_directory_b
        - more_styles.scss

template.scss может импортировать _common.scss, используя @import "common", но возможно ли more_styles.scss импортировать _common.scss? Я пробовал несколько разных вещей, включая @import "../sub_directory_a/common" и @import "../sub_directory_a/_common.scss", но, похоже, ничего не работает.

Answer 1

Изучите использование параметра includePaths ...

"Компилятор SASS использует каждый путь в loadPaths при разрешении SASS @imports."

https://stackoverflow.com/a/33588202/384884

Answer 2

Я столкнулся с той же проблемой.Из моего решения я пришел к этому.Итак, вот ваш код:

- root_directory
    - sub_directory_a
        - _common.scss
        - template.scss
    - sub_directory_b
        - more_styles.scss

Насколько я знаю, если вы хотите импортировать один scss в другой, он должен быть частичным.Когда вы импортируете из другого каталога имя вашего more_styles.scss в _more_styles.scss.Затем импортируйте его в свой template.scss как этот @import ../sub_directory_b/_more_styles.scss.Это сработало для меня.Но, как вы упомянули ../sub_directory_a/_common.scss не работает.Это тот же каталог, что и template.scss.Вот почему это не сработает.

Answer 3

У меня была такая же проблема, и я нашел решение, добавив путь к файлу, как:

@ import "C: / xampp / htdocs / Scss_addons / Bootstrap / bootstrap";

@ import "C: / xampp / htdocs / Scss_addons / Compass / compass";

Answer 4

Это наполовину ответ.

Извлечение Компас , с его помощью вы можете поместить _common.scss в папку partials, а затем импортировать его с @import common, но он работает в каждом файле.