ポートフォリオを実装していた際に、scssをtop header footerそれぞれに分けて、実装をしていきたいと思ったので、その実装方法を書かせて頂きます。
ネットで調べると色々な方法が書かれていて、どれで実装すれば良いのか、よく分からなかったため、今回僕なりの実装の方法でうまくいった方法を書かせて頂きます。
手順は主に4つです。
１、まずはscssで実装したいviewファイルに以下を記述します。
app/views/shared/_header.html.erb
<%= stylesheet_link_tag 'header', :media => "all"%>
※一番上に記述します。
２、次にapp/assets/stylesheets/内にscssファイルを作成します。
今回は1で [[stylesheet_link_tag 'header']]としているので
header.scssを作成します。
3、次にconfig/initializers/assets.rb内に読み込みたい、scssファイルを書きます。
Rails.application.config.assets.precompile += %w(
header.scss
)
4、最後にターミナル上で
rails assets:precompile
とコマンドを打つと、viewファイルとscssファイルがそれぞれ紐づいて読み込めるようになります。
意外とすることが多くて大変ですが、僕はこれで今の所100発100中実装できています。