Использование подпапок для паролей Sass в структуре каталогов проекта Compass - PullRequest
4 голосов
/ 06 февраля 2011

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

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

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

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

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

Ответы [ 5 ]

0 голосов
/ 05 августа 2015

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

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

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

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

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

@ import "subfolder1 /part.scss"

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

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

0 голосов
/ 08 мая 2012

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

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

0 голосов
/ 17 февраля 2011

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

Итак, я сделал что-то подобное в блоке конфигурации компаса: config.sass_dir = File.join ('content', 'css')

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

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

0 голосов
/ 04 марта 2011

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

0 голосов
/ 06 февраля 2011

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

...