Как использовать CSS с рубином в приложении rails?

Как использовать CSS с RoR? Когда я ссылаюсь снаружи, я никогда не могу видеть файлы. Я cp'd.css файл для каждой папки, которую я мог бы думать о... представлениях, контроллере, шаблоне и ничего, похоже, не работает.

Что мне нужно сделать, чтобы включить внешние файлы CSS с помощью приложения rails? Я новичок в рельсах, так что простите меня, если это основное.

Ответы

Ответ 1

Поместите файлы CSS в общедоступные/таблицы стилей, а затем используйте:

<%= stylesheet_link_tag "filename" %>

чтобы ссылаться на таблицу стилей в ваших макетах или файлах erb в ваших представлениях.

Аналогичным образом вы помещаете изображения в общедоступные/изображения и файлы javascript в public/javascripts.

Ответ 2

Если вы используете версию rails > 3, тогда существует концепция под названием asset pipeline. Вы можете добавить свой css в

app/asset/stylesheets

то он автоматически подберет приложение. (это полезно, поскольку рельсы будут автоматически сжимать файлы css)

подробнее здесь о конвейере активов

Ответ 3

Я сделал следующее...

  • поместите ваш файл css в папку app/assets/stylesheets.
  • Добавьте ссылку стилей <%= stylesheet_link_tag "filename" %> в файл макетов по умолчанию (скорее всего application.html.erb)

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

Ответ 4

Используйте тег таблицы стилей рельсов, чтобы связать ваш main.css следующим образом

<%= stylesheet_link_tag "main" %>

Перейдите к

config/initializers/assets.rb

Как только внутри assets.rb добавьте следующий фрагмент кода чуть ниже Rails.application.config.assets.version = '1.0'

Rails.application.config.assets.version = '1.0'
Rails.application.config.assets.precompile += %w( main.css )

Перезагрузите сервер.

Ответ 5

Первоначальная публикация могла быть верной еще в 2009 году, но теперь она фактически некорректна, и привязка даже не требуется для таблицы стилей, как я уже упоминал в некоторых других ответах. Rails теперь сделает это по умолчанию.

  • Поместите любой новый лист .css(или другой) в app/assets/stylesheets
  • Проверьте сервер с сервером rails-root/scripts/rails, и вы увидите, что ссылка добавлена ​​самими рельсами.

Вы можете проверить это с помощью пути в вашем браузере, например, testerverpath: 3000/assets/filename_to_test.css? body = 1

Ответ 6

Чтобы добавить к вышеизложенному, наиболее очевидное место для добавления stylesheet_link_tag находится в вашем глобальном макете приложения - application.html.erb.

Ответ 7

Вы пытались поместить его в свою общую папку? Всякий раз, когда у меня есть изображения или что-то подобное, что мне нужно ссылаться извне, я все там помещал.