【アールエスパック】

Rspack とは?

💡 Webpackの使い心地そのままに、Rustの速度で走るバンドラー
📌 このページのポイント
Rspack — Webpack互換 × Rust高速バンドラー app.js index.css utils.ts Rspack Rust製バンドラー Webpack互換 API bundle.js ビルド時間比較(同じプロジェクト) Webpack(Node.js) 約60s Rspack(Rust) 約6s(10倍速) 既存の webpack.config.js をほぼそのまま移行可能
Rspackのバンドル処理とWebpackとのビルド速度比較
ひよこ ひよこ

Rspackって何?Webpackとは違うの?

ペンギン先生 ペンギン先生

Webpackと同じことができる、より速いバンドラーだよ。ByteDance(TikTokの親会社)がRustという言語で作ったんだ。

ひよこ ひよこ

Rustで作るとなんで速くなるの?

ペンギン先生 ペンギン先生

RustC++並みに実行速度が速い言語だよ。WebpackJavaScriptNode.js)で動いているから、Rustで書き直すと処理が5〜10倍くらい速くなるんだ。

ひよこ ひよこ

でも乗り換えるのって大変じゃないの?設定とか全部書き直しになりそう。

ペンギン先生 ペンギン先生

それがRspackの一番の強みでね、WebpackAPIと設定ファイルをほとんどそのまま使えるんだよ。`webpack.config.js`を最小限の変更でRspackに持ち込めるから移行コストが低いんだ。

ひよこ ひよこ

ViteTurbopackとはどう違うの?

ペンギン先生 ペンギン先生

ViteはESモジュールを活用した開発サーバーが中心で、バンドルの仕組みが異なるんだよ。TurbopackRust製で速いけど、Webpack互換を謳っているのはRspackの特徴だね。既存のWebpackプロジェクトをそのまま速くしたい場合はRspackが向いているよ。

ひよこ ひよこ

プロダクション環境でも使えるの?

ペンギン先生 ペンギン先生

ByteDance自身が大規模サービスで使っているから実績はあるよ。ただWebpackエコシステムすべてに完全対応しているわけではないので、プラグイン互換性は事前確認が必要だね。

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「Rspack」って出てきたら「Webpack互換の爆速Rustバンドラー」と思えればだいたいOK!
📖 おまけ:英語の意味
「Rspack」 = Rust製パック(バンドラー)
💬 "Rs"はRustの略だよ。Webpackの互換APIを持ちながら、Rustの速さで動くバンドラーなんだよ。
← 用語集にもどる