如何將CSS與Rails應用程序中的ruby一起使用？

Question

如何在RoR中使用CSS？ 當我從外部鏈接時，我永遠看不到文件。 我將.css文件cp到我能想到的每個文件夾...視圖，控制器，模板，似乎沒有任何作用。

要使用Rails應用程序啟用外部CSS文件，我需要做什么？ 我是Rails的新手，如果這是基本知識，請原諒我。

Answer 1

將CSS文件放在public / stylesheets中，然后使用：

<%= stylesheet_link_tag "filename" %>

鏈接到布局中的樣式表或視圖中的erb文件。

同樣，您將圖像放在public / javascript中，將javascript文件放在public / javascript中。

Answer 2

如果您使用的是rails> 3版本，那么會有一個稱為asset pipeline的概念。 您可以將CSS添加到

app/assets/stylesheets

然后它將被應用自動提取。 （這很有用，因為rails會自動壓縮CSS文件）

在此處詳細了解資產管道

Answer 3

我做了以下...

1. 將您的css文件放在app/assets/stylesheets文件夾中。
2. 將樣式表鏈接<%= stylesheet_link_tag "filename" %>到默認布局文件中（最有可能是application.html.erb ）

我建議您不要使用公用文件夾。 您也可以內聯引用樣式表，例如在索引頁面中。

Answer 4

使用rails style sheet標簽像這樣鏈接您的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 )

重新啟動服務器。

Answer 5

最初的帖子在2009年可能是正確的，但現在實際上現在是不正確的，甚至在樣式表中甚至不需要鏈接，正如我在其他一些回復中所提到的那樣。 現在，Rails默認情況下會為您執行此操作。

• 將任何新的工作表.css（或其他）放置在應用程序/資產/樣式表中
• 使用rails-root / scripts / rails服務器測試您的服務器，您會看到鏈接是由rails本身添加的。

您可以使用瀏覽器中的路徑（例如testserverpath：3000 / assets / filename_to_test.css？body = 1）對其進行測試。

Answer 6

要添加以上內容，最明顯的添加stylesheet_link_tag的位置是在全局應用程序布局中-application.html.erb。

Answer 7

使用Rails 6.0.0，在app / assets / stylesheets上創建“ stylesheet.css”樣式表 。

Answer 8

您是否嘗試過將其放入公用文件夾？ 每當我有需要外部參考的圖像或類似圖像時，我都會將其全部放在此處。