Как использовать компас с рельсами 3.1

Ответ 1

Решения в других ответах устарели с последней версией Compass, v0.12, которая требует, чтобы адаптер работал с приложением rails. Автор Compass, Крис Эпштейн, установил инструкции по установке на github:
https://github.com/compass/compass-rails

Этот адаптер поддерживает рельсы версии 2.3 и выше

Ответ 2

ОБНОВЛЕНИЕ: Похоже, что есть лучший способ!
Источник: http://spin.atomicobject.com/2011/07/12/sass-sprockets-compass-with-rails-3-1/

ОБНОВЛЕНИЕ 2 (2 декабря 2011 г.): Крис Эпштейн, создатель Compass, опубликовал этот Github Gist о том, как интегрировать Compass с Rails 3.1: https://gist.github.com/1184843

Теперь я предпочитаю этот метод по сравнению с моим, так как я заметил значительное улучшение скорости во время компиляции при использовании функции "загрузка".

МОЙ МЕТОД:
(Теперь я считаю, что он устарел, но, возможно, он может быть полезен в некоторых случаях, поэтому здесь он для справки:)

Сначала в вашем Gemfile добавьте:

gem "compass", "~> 0.12.alpha.0"

И не забудьте выполнить

bundle update

Затем в config/application.rb:

config.generators.stylesheet_engine = :sass

Переименуйте application.css.scss в application.css.sass или создайте его и замените его содержимое на:

@import compass
@import _blueprint

(Если вы хотите сохранить новый код манифеста Rails 3.1 в начале таблицы стилей, вам придется заменить "/* */комментарии версией sass-синтаксиса" // в начале каждой строки)

Теперь, чтобы проверить, работают ли компасы и компоновки чертежей, добавьте некоторый код в тот же файл application.css.sass:

@import compass
@import _blueprint
body
  background: black
  +linear-gradient(color-stops(white, black))
  +column(5)

Запустите сервер рельсов с помощью

bundle exec rails server

Загрузите приложение в браузере и посетите http://localhost:3000/assets/application.css

Если все пошло хорошо, вы должны увидеть скомпилированный код.

Источник:

http://blog.pixarea.com/2011/07/using-compass-blueprint-semantic-and-sass-syntax-in-rails-3-1/

Ответ 3

Peter Gumeson из групп пользователей компаса указал мне на исправление для этого:

https://groups.google.com/forum/#!msg/compass-users/mU5HBt8TCIg/2Rt7iSESTSAJ

Здесь его сообщение:

Привет, банда. Этот вопрос github может помочь. https://github.com/sporkd/compass-html5-boilerplate/issues/19

В настоящее время я почти полностью управляю всем. Итак, мой gemfile выглядит примерно так:

gem 'rails',     :git => 'git://github.com/rails/rails.git'
gem 'sass-rails', '~> 3.1.0.rc2'
gem 'haml', :git => 'git://github.com/nex3/haml.git'
gem 'haml-rails'
gem "compass", :git => "git://github.com/chriseppstein/compass.git", :tag => "0.12.alpha.0"
gem 'compass-html5', :git => 'git://github.com/sporkd/compass-html5.git'

Я работаю над генераторами рельсов прямо сейчас, поэтому он не должен быть слишком далеко от. Но это должно по крайней мере заставить вас идти.

Петр

* изменил ветки, как сказал choonkeat

Ответ 4

Вы можете загрузить каталог компаса, выгрузить его в vendor/assets/stylesheets, чтобы ваша структура каталогов была vendor/assets/stylesheets/compass. Затем из ваших основных таблиц стилей приложения следует использовать compass mixins ass @include compass/reset;