NEW ARTICLE
Google Colaboratory コマンドパレットを開くショートカットキー
  1. HOME
  2. rails
  3. rails6 application.html.erbで読み込むCSSを指定する

rails6 application.html.erbで読み込むCSSを指定する

rails6 application.html.erbで読み込むCSSを指定する

rails6で、application.html.erbで読み込むCSSを指定するまでの手順を記述してます。railsのバージョンは6.1.0です。

目次

環境

  • OS ubuntu20.10
  • ruby 2.7.2
  • rails 6.1.0
  • Postgresql 13.1 (dockerで構築)
docker composeを使ってPostgreSQLを構築する

application.html.erb編集

読み込みたいCSSは、stylesheet_link_tagで指定することが可能です。

<%= stylesheet_link_tag "読み込むcssを指定", media: "all", 'data-turbolinks-track': "reload" %>

仮に、読み込みたいCSSが「app/assets/stylesheets/material-dashboard.css」だった場合は、

<%= stylesheet_link_tag "material-dashboard", media: "all", 'data-turbolinks-track': "reload" %>

とします。