Использование Less в приложении Rails 3.1

Question

Я только что обновил свое приложение до последней версии rails (3.1) и хочу интегрировать Bootstrap в мое приложение Twitter, но оно использует LESS, а не SASS, как в Rails 3.1по умолчанию.

Как мне настроить Rails для использования Less вместо Sass?

Answer 1

Как указывает аплодисмент, Sprockets (что Rails 3.1 использует для своего конвейера ресурсов) поддерживает LESS.

Чтобы настроить приложение Rails для поддержки LESS, вы можете добавить гем в группу ресурсов вашего Gemfile:

group :assets do
  gem 'less'
end

Затем запустите bundle install, чтобы получить гем less и его зависимости (кстати, включая гем libv8, и его установка может занять некоторое время).

Теперь это просто вопрос использования расширения .css.less с таблицами стилей в вашем каталоге ./app/assets/stylesheets.Обратите внимание, что вы не получите никаких полезных сообщений, если у вас есть какие-либо синтаксические ошибки в ваших файлах LESS (это сбило меня с толку на секунду).

Answer 2

Для Rails 3.1 теперь у нас есть @ 1001 * less-rails gem @masaskill, который предоставляет помощников и т. Д., Специфичных для Rails.Он довольно новый, но, кажется, активно поддерживается.

Вы также можете использовать гем less-rails-bootstrap (того же автора) для загрузки библиотек начальной загрузки.

gem 'less-rails'
gem 'less-rails-bootstrap'

Также см. Мой пост здесь об использовании Bootstrap и его mixins на Rails.

Answer 3

Довольно прямо, см. оригинальный документ здесь :

Стилизация с помощью LESS

LESS расширяет CSS динамическим поведением, таким как переменные, миксины, операции и функции.

Если для вашего приложения доступно меньше драгоценных камней, вы можете использовать LESS для записи ресурсов CSS в Sprockets.Обратите внимание, что компилятор LESS написан на JavaScript, и на момент написания этой статьи меньше гемов зависит от therubyracer, который встраивает среду выполнения V8 JavaScript в Ruby.

Чтобы написать CSS-ресурсы с LESS, используйте расширение.css.less.