railsのCSSの読み込みについて railsでCSSはstylesheets/application.scssに記述するが、 上記以外のstylesheets直下のCSSファイルが自動で、 読み込まれていることがあり疑問に思った 原因 stylesheets/application.scss *= require_tree . *= require_self 上記の記述により、stylesheets直下のCSSファイルはすべて読み込まれるようになっていた。 さらに詳しく言うと、 *= require_tree . この部分がapplication.scss自身の読み込むという記述。 *= require_self この部分がstylesheets直下のCSSファイルを順番に読み込むという記述。 そのため、slickなどを読み込む際に、 わざわざapplication.html.erbに以下のように記述せずとも、 自動で読み込まれる。 <link rel="stylesheet" type="text/css" href="slick/slick.css"/> <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>