Closed1

memo @240308

nakamotonakamoto

Tailwindcss v4.0-alpha

https://tailwindcss.com/blog/tailwindcss-v4-alpha#roadmap-to-v4-0
Oxideという新しい高速エンジン

  • ビルドの高速化
  • バンドルサイズの縮小
  • 重い処理を行う為に一部Rustを使ってコアはTypeScript
  • Oxideの依存先はLightning CSSのみ
  • パーサーは従来PostCSSを使ってたけれども独自のパーサーを生成

Tailwindcss v4.0はCSSを処理するためのオールインワンツールである
Lightning CSSをフレームワークに統合してるためCSSパイプラインについて何も設定する必要なし

contentパスの設定は不要になる

Viteプラグインを使ってモジュールグラフに依存する。これにより実際に使用しているファイルを正確に把握できるため、最大限のパフォーマンスを発揮し、誤検知や見逃しを発生させない。将来的には、このアプローチをViteエコシステム以外の他のバンドルプラグインでも展開したいと考えている。

*モジュールはJavaScriptにおける1ファイルのこと。
そのファイルの中でインポートなりエクスポートなりするけれども
その関係をモジュールグラフと言う。

*JSのバンドラは基本的にモジュールを解析するような仕組みになってる
あのモジュールはこのモジュールに依存してるみたいにグラフを描き1つのJSファイルにコンパイルする

そのモジュールグラフを使うことによって...

このスクラップは2024/03/09にクローズされました