SWC Plugin を使ってオレオレ AltTS を作るスレ

概要

タイトル通り。swc plugin を使ってオレオレ AltTS を作る。

作るモノ

TypeScript 内で CSS が書ける AltTS。イメージとしては以下のような感じ👇

const style = @style {
    display: flex;
}

function App() {
  return (
    <div style={style} />
  )
}

@style { } のブロック内に css を直接書ける感じ。

TODOリスト

• swc plugin の作成
  • TypeScript 内の独自構文をパースできる
  • TypeScript 内の独自構文をJavaScriptのコードとして吐き出す

できたらいいな:

• swc plugin で css ファイルを出力する or 出力できるような仕組みを考える
• Language Server の実装