TECHNOLOGY COMPARE

Babel / SWC

「どっちが上?」ではなく、まず同じ仕事をする道具なのかを確認します。

DIRECT COMPARISON

直接比較しやすい組み合わせ

BabelとSWCはどちらも「ビルド・変換」の技術なので、同じ土俵で比較しやすい組み合わせです。

ビルド・変換

Babel

新しいJavaScript構文を対象環境向けへ変換するコンパイラー。プリセットとプラグインで構文変換やコード計装を行う。

何を担当する?

プリセットとプラグインで構文変換やコード計装を行う。

いつ使う?

  • 既存ブラウザー対応や独自変換プラグインが必要なとき。

避けたい場面

  • 対象環境が新しく追加変換を必要としないとき。
ビルド・変換

SWC

Rustで書かれた高速なJavaScript/TypeScript コンパイラー。構文変換と圧縮を高速化しフレームワークの内部でも使われる。

何を担当する?

構文変換と圧縮を高速化しフレームワークの内部でも使われる。

いつ使う?

  • Babel相当の変換を速くしたい大規模プロジェクト。

避けたい場面

  • 必要なBabel プラグインがSWCへ移植されていないとき。
DIRECT RELATION

BabelとSWCはJavaScript/TypeScriptの変換方式で比較される。プリセットとプラグインで構文変換やコード計装を行う。一方、SWCは構文変換と圧縮を高速化しフレームワークの内部でも使われる。