2016-07-21 68 views
0

我是rails新手,試圖將main.css.scss鏈接到views/main中的index.html.erb文件。Rails 5:CSS將不會鏈接到html

我的css文件位於app/assets/stylesheets。這是默認的,我沒有改變任何東西。


所以在我的index.html.erb文件中添加以下:

<%= stylesheet_link_tag "main" %> 

這扔勸告我有「的CSS」在‘主’結束一個錯誤。我在main的結尾添加了「.css」和「.css.scss」。主頁面加載,但沒有CSS文件。

在rails 5中鏈接css的正確方法是什麼?

回答

1

閱讀api文檔here.它將幫助您瞭解如何在rails中鏈接css。

也看看Samuel's答案。他解釋得很好。

1

這很簡單。如果你不希望使用默認application.cssapplication.js,然後在你的情況main創建新的文件,如:

app/assets/stylesheets/main.scss 
app/assets/javascripts/main.js 

然後在你的佈局包括文件:

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Foobar</title> 
    <%= stylesheet_link_tag 'main', media: 'all', 'data-turbolinks-track' => true %> 
    <%= javascript_include_tag 'main', 'data-turbolinks-track' => true %> 
    <%= csrf_meta_tags %> 
    </head> 

並添加這些文件到assets.rb

Rails.application.config.assets.precompile += %w(main.scss main.js) 

然後重新啓動服務器。