ViteでMasterCSS(2系ベータ版)を試してみた

nak
·

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に組み込める方式でリリースしてれれば最高なんですが…)

@nak
Webのはしっこでコーダーをしています。 coding-memo.work