ゼロからの技術ブログ

初学者がゼロの状態から理解するまでの軌跡を書いていくブログ

railsでcssファイルを読み込む

簡単3ステップ反映させましょう。

環境:Rails 5.0.3


CSSファイルの置き場所

/yourapps/app/assets/stylesheets/your.cssに配置しましょう。

Viewファイルの編集

CSSを反映するファイルに下記を追記します。

<%= stylesheet_link_tag "your.css", :media => "all" %>

rakeを実行

プリコンパイルを行わないとSprockets::Rails::Helper::AssetNotPrecompiledがおこります。

$ cd /yourapps/
$ bundle exec rake assets:precompile

上記を実行してもAssetNotPrecompiledの時

config/initializers/assets.rbに追加したcssファイルを追加します。

Rails.application.config.assets.precompile += %w( your.css )

上記を追記してprecompileした先ほどのファイルを削除(※注意)してもう一度precompileしてみましょう。

#削除コマンド
$ cd /yourapps/
$ bundle exec rake assets:clobber