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

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

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

7 51
ruby-on-rails css

7 ответов:

поместите файлы CSS в public / stylesheets, а затем используйте:

<%= stylesheet_link_tag "filename" %>

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

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

53

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

app/asset/stylesheets

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

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

14

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

  1. поместите ваш css-файл в .
  2. добавить ссылку на таблицу стилей <%= stylesheet_link_tag "filename" %> в файле макетов по умолчанию (скорее всего application.html.erb)

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

12

используйте тег таблицы стилей rails, чтобы связать ваш основной.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 )

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

9

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

  • поместите любой новый лист .css (или другое) в приложении/активах/таблицах стилей
  • проверьте свой сервер с rails-root/scripts / rails server, и вы увидите, что ссылка добавлена самим rails.

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

3

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

2

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

0