railsのver.6以上を使うなら asset pipeline ではなく webpacker でCSSを読み込みたいと思い、実装したのでメモです。

ディレクトリ構成

webpacker のREADME.mdより。

app/javascript:
  └── packs:
      # only webpack entry files here
      └── application.js
      └── application.css

手順

rails new は完了しているものとします。
rails6より下のversion使ってる人はwebpackerもインストールしましょう。

↑のディレクトリ構成に従う。
app/javascript/packsに application.css ファイルを作成

エントリーポイントは packs/application.js なので、application.cssファイルをimport。

packs/application.js

import "packs/application.css";

views/layouts/application.html.erb に以下を記述。
おそらくデフォルトだと stylesheets_link_tag になっているので、そこを stylesheets_pack_tag に変更すればいいかと。

<%= javascript_pack_tag 'application' %>
<%= stylesheet_pack_tag 'application' %>

あとはCSSを書くのみです。
次はReact、Vue.jsあたりも導入してみたい。

今回は手順だけをメモした感じなので、もう少し詳しく中身を知りたい人は↓が参考になると思われます。