Tailwindとsassc-railsの非互換問題を解決。

[lei900]

概要

Tailwindとsassc-railsの非互換問題を解決。

背景

Tailwindが最新のcss構文を使っているが、SASSが最新のCSS構文を理解できていないため、gem 'sassc-rail'アンインストール必要；一方はrails-adminはまだsaccに依存しているので、sassc-rail保留必要

解決方法

css compressorはsassでなく、別のモダンなcompressorCSSOを使用

1. Install csso-cli. yarn add csso-cli
2. カスタムcompressor作成config/initializers/csso.rb
3. デフォルトのCSS compressorを:cssoに設定
   config.assets.css_compressor = :csso (production環境とtest環境両方必要)
4. Github Actionsのjob stepにbundle exec rake assets:precompile追加

確認方法

Github Actionsの実行結果がグリンになっている
https://github.com/Kei5665/tokyo_senkyo_matching/actions/runs/3005081206

#45

参照：
rails/tailwindcss-rails#82 (comment)
rails/tailwindcss-rails#153 (comment)
railsadminteam/rails_admin#3450

[Kei5665]

tailwindcss-railsを入れてもプリコンパイルでエラーになっちゃうんですね〜
テストが通るならこれで良いと思います〜！