rails cssを読み方

Question

railsチュートリアルから

リスト 5.6: Bootstrap CSSを追加する
app/assets/stylesheets/custom.scss

@import "bootstrap-sprockets";
@import "bootstrap";

custom.scssが反映される理由がわかりません。

リスト 5.1: 構造を追加したWebサイトのレイアウト
app/views/layouts/application.html.erb

    <%= stylesheet_link_tag    'application', media: 'all',
                               'data-turbolinks-track': 'reload' %>

上記の指定で`application.scssのみを読み込むのではないのでしょうか？

参考:railsチュートリアル

Answer 1

上記の指定で`application.scssのみを読み込むのではないのでしょうか？

そのとおりです。ただ application.scss の中で別のファイルを読み込んでいるはずです。

Comments

[ceratophrys]

`application.scss`はなく、代わりに`app/assets/stylesheets/application.css`がありました。
内容は全てコメントアウトされていたので中で別のファイルを読み込んでいるようには思えません。

[退会済みユーザー]

「アセットパイプライン」の項は読みましたか？
https://railstutorial.jp/chapters/filling_in_the_layout?version=5.1#sec-the_asset_pipeline

[ceratophrys]

読みましたがよくわかりませんでした。`*= require_tree .`はcssコメントで書かれているので何も影響してしないのではないかと考えていたのですが（コメントが外れれば適用されると考えてた）もしかしてこの一行のコメントで全てのcssを読み込んでいるということなのでしょうか？

[退会済みユーザー]

ここを読みましたか？
それでもわからないということでしょうか。

```
上の行で重要な部分は、実はCSSコメントの中にあります。コメント内の次の部分は、Sprocketsが適切なファイルを読み込むために使われます。

/*
.
.
.
*= require_tree .
*= require_self
*/
例えばこの行は、

*= require_tree .
app/assets/stylesheetsディレクトリ (サブディレクトリを含む) 中のすべてのCSSファイルが、アプリケーションCSSに含まれるようにしています。また、次の行は、

*= require_self
CSSの読み込みシーケンスの中で、application.css自身もその対象に含めています。
```

[ceratophrys]

適切にわからなかったです。
*= require_tree .
*= require_self
の部分が適応されないようにコメントで書かれているのかそれともコメントで書かなければ読み込まれないのかわからないです。

[maisumakun]

> 適応されないようにコメントで書かれているのかそれともコメントで書かなければ読み込まれないのかわからないです。

「コメントで書かなければ読み込まれない」です。

[退会済みユーザー]

提示したドキュメントを読めば、以下の箇所にもリンクされていますが、読みましたか？

https://railsguides.jp/asset_pipeline.html#%E3%83%9E%E3%83%8B%E3%83%95%E3%82%A7%E3%82%B9%E3%83%88%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%A8%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%86%E3%82%A3%E3%83%96

[ceratophrys]

>maisumakunさん
適切な回答ありがとうございます。

[ceratophrys]

>10tm84
>提示したドキュメントを読めば、以下の箇所にもリンクされていますが、読みましたか？

読んでませんでした。リンクありがとございます。