application.scssに特定のscssだけ読み込ませる方法

assets/stylesheetsの中にapplication.scssとは別にusers.scss等ファイルを追加した場合、appledation.scssで全て読み込むことができるよう、以下のように記述します。

 *= require_tree .
 *= require_self

*= require_tree .→app/assets/stylesheets以下の全CSSファイルを読み込む
*= require_self→application.scss自体をスタイルシートに含めることを指定する


ただ、この設定にすると同じディレクトリ内(stylesheets内)のCSSファイルを全て読み込んでしまうため、順番を指定したい時は@importを使います。


使い方↓

@import 'users';