Set up Master CSS in Vite を参考にTailwind系のフレームワークMasterCSSをVite環境でテストしてみましたが、今のところ自分の環境では上手く動作せずでした。
vite-plugin-handlebarsでHTMLをコンポーネント化し、外部ファイル化してインポートしているグループに対してMasterCSSのstyleが出力されないという個人的には致命的な問題がありました。
↓のような省略記法があってTailwindよりもHTMLのスリム化ができそう!と期待していたのでとても残念です…。
<div class="@fade|1s|ease ~opacity|3s">
<div class="w:32 h:32 r:5 z:10 mt:1 mb:1 pl:1 pr:1">
<ul class="{block;font:14;text:center}>li:hover@md">
Viteをサポートしている環境がまだベータ版なので今後のアップデートに期待したいと思います。
(PostCSSに組み込める方式でリリースしてれれば最高なんですが…)