特定のページのみ特定のCSSを読み込ませる

やりたいこと

特定のページ（今回はサイトのTOPのWelcomeページ）のみ特定のCSSを読み込ませたい。

HOWTO

① 特定のページ用のlayoutを作成する

/app/views/layouts/welcome_layout.html.erb

② コントローラーに使用するlayoutを明記する

class WelcomeController < ApplicationController
  layout "welcome_layout" # ->これ
  
  def index
  end

end

③ /config/initializers/assets.rb に以下を記述

Rails.application.config.assets.precompile += %w( welcome/creative.css )
Rails.application.config.assets.precompile += %w( welcome/creative.min.css )
Rails.application.config.assets.precompile += %w( welcome/style.css )

④ welcome_layout.html.erbに以下を記述

<%= stylesheet_link_tag  'welcome/style', media: 'all' %>
<%= stylesheet_link_tag  'welcome/creative', media: 'all' %>
<%= stylesheet_link_tag  'welcome/creative.min', media: 'all' %>

※ <%= stylesheet_link_tag ‘application’, media: 'all' %>は記述しないこと

⑤ サーバー再起動