Моя проблема: я хочу использовать некоторые функции компаса (в основном, создание спрайтов и css3 mixins), но я не хочу создавать для него проект компаса. Моя структура проекта должна быть немного сложнее, чем компас позволяет мне создавать. Поэтому я хотел бы остаться в своем проекте с sass, но импортировать и использовать в нем некоторые функции компаса. Является ли это возможным?Использование функций Compass (sass) без проекта compass
ответ
Компас способен управлять всеми вашими вещами. Просто попробуй.
Вот пример, это структура проекта Compass я сейчас работаю над:
Прежде всего, вы должны иметь папку, как sass
, где вы храните ваши нечастичных SASS-файлы, например. г. sass/style.sass
или sass/screen.scss
. Ваш config.rb
должен указать на это.
Затем создайте подпапку под названием partials
, где вы храните все необходимое.
В partials
вложенной вы начинаете создавать структуру:
sass/
partials/
_global.sass
_modules.sass
style.sass
Содержимое вашего style.sass
должно быть так:
@import partials/global
@import partials/modules
Эта структура легко расширяемой. После того, как ваш парциальное растет большой, и вы решили разбить его, просто создать вложенную папку с именем после частичного, создавать меньшие партиалы там и импортировать их из исходного частичного:
sass/
partials/
global/
_extendables.sass
_functions.sass
_mixins.sass
_variables.sass
_global.sass
_modules.sass
style.sass
Содержание _global.sass
:
@import global/extendables
@import global/functions
@import global/mixins
@import global/variables
Это делает вашу структуру проекта легко расширяемой.
Обратите внимание, что если вы используете синтаксис SCSS, в операторах импорта необходимы кавычки, e. г. @import "global/extendables";
.
Если импорт не работает на вас, сообщите, пожалуйста, свою структуру проекта, точный код, который вы используете, и текст ошибки, который вы получаете.
Теперь это работает. Вижу, папка с частицами должна быть названа partials? Может ли оно быть настроено на другое имя? Я ничего не нашел об этом в ссылке на конфигурацию. – Anton
Имена папок могут быть любыми, что вы хотите. Именование папок после партиций - это очень удобный способ увеличить вашу кодовую базу. –
@lomaus Ну, спасибо, может, я сделал что-то не так, но я не мог заставить его работать, пока не назвал папку «частичными». Теперь имя папки не имеет значения, похоже, какая-то моя ошибка. Не знаю, что было не так, но теперь любая структура папок работает хорошо, даже если все подпапки находятся внутри саасов. Благодарю. Надеюсь, я больше никогда не встречу такое странное поведение. – Anton
- 1. Настройка проекта compass/sass
- 2. Использование функций Compass без использования Compass для компиляции таблиц стилей
- 3. Sprite generation Compass/SASS
- 4. SASS - Compass не найден
- 5. SASS/Compass/Structure/Compile
- 6. SASS Compass Breakpoint - Включая мою ошибку проекта
- 7. Как реализовать Compass, Sass для проекта node.js?
- 8. Sass/Compass sprites
- 9. SASS/Compass style checker
- 10. конфликтующие версии sass/compass
- 11. CodeKit: Sass/Compass Конфликты
- 12. Sass/Compass в Symfony2
- 13. Sass and Compass
- 14. Compass on Win, используя относительные пути вне проекта Compass dir
- 15. Использование спрайтов для сетчатки с SASS/Compass
- 16. Ускорение компас compass sass with sprockets-sass
- 17. Начиная с Compass и Sass
- 18. Использование Twitter Bootstrap для SASS без Rails или Compass
- 19. Sass, compass, @include и @extend
- 20. Ошибка синтаксиса Ruby/Compass Sass
- 21. Phaser using Sass Compass Sprites
- 22. Установка Compass & Sass на Dreamhost
- 23. Symfony2, Assetic, Compass и SASS
- 24. Compass & Sass Предупреждение о предостережении
- 25. Центрирующие спрайты с SASS/Compass
- 26. Ошибка установки Gem (sass compass)
- 27. Sass/Compass во многих местах
- 28. Использование Compass `_compass_list`
- 29. Использование Compass with Yeoman App
- 30. Compass спрайтов
Не могли бы вы рассказать больше о своей организации проекта и о том, какую среду вы используете? – igr
Я бы хотел, чтобы частичные части были очень маленькими, что-то вроде описания блоков, поэтому их будет много. Было бы неплохо иметь папку для каждого блока с .scss, .js и изображениями внутри. В противном случае будет большой беспорядок с сотнями файлов. Но я не могу заставить компас использовать частичные файлы из подпапок. – Anton
Компас не заботится о том, где вы набиваете свои частицы, он заботится только о том, где файлы Sass, необходимые для компиляции вживую. Изображения должны жить только в пределах настроенного каталога изображений, если вы используете на нем вспомогательные функции изображения. – cimmanon