Использование вложенных папок для партиций Sass в структуре каталога проекта Compass

Question

У меня есть проект компаса, который запускается с помощью scss-файлов в каталоге src, которые скомпилированы в каталог sttylesheets как css. Все в порядке, и я не могу использовать команду sass @import.

Тем не менее, я хотел бы привести немного организации в мои партитуры sass и поместить их в соответствующие папки в каталоге src. Однако, когда я пытаюсь это сделать, команда @import терпит неудачу.

Есть ли способ сделать это?

ОБНОВЛЕНИЕ: Я нашел в компасе документы, что я могу добавить add_import_path в свой файл конфигурации, но я не могу заставить это работать. Я пробовал полный путь к каталогу и путь к проекту, но ничего не происходит.

Кто-то, пожалуйста, помогите, это не может быть так сложно!

Answer 1

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

Answer 2

Если вы разместили частичные файлы, например, в каталоге src/partials - просто используйте @import "partials/name" в файлах sass/scss для их импорта.

Answer 3

Я обнаружил, что в статическом проекте webby, где я использовал компас/сасс, я должен был явно установить базовый путь sass, который будет использоваться для того, чтобы он забирал sass import (все работало, за исключением импорта).

Так что я в конечном итоге делает что-то вроде этого в блоке компас конфигурации: config.sass_dir = File.join («содержание», «CSS»)

я представляю это потому, что я использую что-то другое чем пути по умолчанию sass, поэтому, когда я @import, он просматривал путь по умолчанию вместо фактического пути.

Надеюсь, что это поможет.

Answer 4

У меня была та же проблема. На самом деле я был перенесен из проекта rails + sprockets в автономный.

Я не знаю почему, но Compass не работает с именами в виде звездочек, например screen.css.scss. Я переименовал все свои файлы только в screen.scss, и все частичные файлы работали, как ожидалось.

Answer 5

У меня была аналогичная проблема. Это было очень глупо от меня, но опять же, большинство проблем в программировании. Моя проблема заключалась в том, что, хотя у меня было все установки правильно для автономного, в соответствии с:

https://github.com/twbs/bootstrap-sass

Я использовал подпапку структуру, как это:

project 
-- stylesheets 
-- bootstrap 
-- sass 
---- main.scss 
------- subfolder1 
----------- partial.scss 
------- subfolder2 
----------- partial2.scss 

И в моем main.scss, я правильно использовал @import, например:

@import "вложенная папка1/частичная.СКС»

Проблема заключалась в следующем:! Compass видит только партиалы правильно, если имена файлов начинаются с подчеркивания

После того, как я переименовал файлы _partial1.scss и _partial2.scss, все работало без проблем.