2016-07-21 9 views
0

私はrailsが新しく、main.css.scssをviews/mainのindex.html.erbファイルにリンクしようとしています。Rails 5:CSSはhtmlにリンクしません

私のCSSファイルは、app/assets/stylesheetsにあります。これはデフォルトですが、私は何も変更しませんでした。

<%= stylesheet_link_tag "main" %> 

これは、 『メイン』の末尾に「.cssの」を含むように私に助言し、エラーをthrowed:


は、だから私のindex.html.erbファイルに私は、次の追加しました。メインの最後に「.css」と「.css.scss」を追加しました。メインページが読み込まれますが、cssファイルは読み込まれません。

レール5にCSSをリンクする正しい方法は何ですか?

答えて

1

api docs here.を読むと、cssをレールにどのようにリンクできるかを理解するのに役立ちます。

また、Samuel's答えを見てください。彼はそれを本当にうまく説明した。

1

非常に簡単です。

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

は、その後、あなたのレイアウトでそれらのファイルが含ま:デフォルトapplication.cssapplication.jsを使用したくない場合は、あなたのケースmainのように、新しいファイルを作成

<!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) 

そしてサーバーを再起動します。

関連する問題