【多分暫定対応】M1 macのDocker上のRails 7でTailwind CSS 3を使う

Rails 7では、--css tailwindオプションをつけるとtailwindcss-railsを通じて、Tailwind CSS 3が使えるようになります。

しかし、ややこしい経緯によりARM Linuxの上では使えないので、npmからTailwind CSS 3をインストールして使う必要があります。

まずは、npm install tailwindcssをしてインストールします。

そしてRakefileの最後に下記のように書き加えてください。

# use Tailwind CSS 3 on npm
original_verbose = $VERBOSE
$VERBOSE = nil # suppress warnings
TAILWIND_COMPILE_COMMAND = "#{Pathname.new(__dir__).to_s}/node_modules/.bin/tailwindcss -i #{Rails.root.join("app/assets/stylesheets/application.tailwind.css")} -o #{Rails.root.join("app/assets/builds/tailwind.css")} -c #{Rails.root.join("config/tailwind.config.js")}"
$VERBOSE = original_verbose

これをしない場合には下記のようなエラーが出ます。

ERROR: tailwindcss-rails does not support the aarch64-linux platform
Please install tailwindcss following instructions at https://tailwindcss.com/docs/installation