vanilla-extract
簡単に使い方を見た限りでは結構似てそう
https://vanilla-extract.style/documentation/styling-api/
バンドルはしたくないので skypack で試そうとすると
<script type="module">
import { style } from "https://cdn.skypack.dev/@vanilla-extract/css"
console.log(style({ color: "red" }))
</script>
「outdent__default.default is not a function」というエラー
ググってもそれっぽいのは出て来ない
skypack に対応してない？
StackBlitz を使ってみても別のエラー
この辺で動かないって中でどんな特殊なことしてるの？
そう思ってちゃんとドキュメントを見ると Emotion は目的が異なるものだったみたい
ランタイムで処理しなくていいように 静的な CSS ファイルをビルド時に生成するツールらしい
プロジェクトの説明やドキュメントの最初に Zero-runtime って書いてたけど zero なんとかって言うと 設定なしや依存関係なしをよく見るからそのへんだと思ってスルーしてた
最初に skypack 以外の CDN 使おうとして依存関係の解決で ESModules だとロードできなかったときに zero dependencies じゃなかったの？って少し疑問に思ったけどそういうことだったのか
CSS 生成用ツールだけあって ドキュメントには Setup のセクションがあって webpack や esbuild などビルドツールごとの設定方法が書かれてた
