1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Ruby on Rails CSSファイル連携

Posted at

#Ruby on Rails CSSファイル連携方法は?

結論、特別何かを書き足さなければ行けないということはありません。
なぜかというと、Ruby on Railsでアプリを作成した際に自動で連携するための記述もされているからです!

##該当箇所

app/views/layouts/application.html
<html>
  <head>
    <title>Pictweet</title>
    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>

   <!--↑ここの記述 -->

    <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
   
  </head>

上記で、app/assets/stylesheets/application.cssファイルを読み込むような記述があります。

では、application.cssファイルの中を見に行きましょう。

app/assets/stylesheets/application.css
/*省略*/

 *= require_tree .
 *= require_self
 */


この部分の記述で、app/assets/stylesheets以下にあるファイルを、application.cssファイルが読み込んでまとめて反映させてくれるような設定になっています。

上記のような理由から、特にこちらで連携させるための記述をしなくても、
app/assets/stylesheets配下にcssファイルを作成することで反映させることができます!

1
0
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?