Webpack から Vite に段階的に移行しました | PR TIMES 開発者ブログ

こんにちは。PR TIMES フロントエンドエンジニアの岩元 (@yoiwamoto) です。 PR TIMES ではいくつかのページが React で実装されており、Webpack でビルドを行っていました。 今回は、一部のページを除いてこの Webpack を Vite へ置き換えたので、その経緯や結果を共有します。 まとめ ビルド時間が長いことが課題で移行を行い、結果として開発体験・デプロイ時間等が大幅に改善されました。 開発環境のみの移行 → フィーチャートグルでの本番試験 → リリース → Webpack の廃止と、移行は段階的に進めました。 なぜ Webpack をやめたのか 一番はやはり、ビルド時間の遅さです。 今回、当時の環境を再現することが難しく、改めて計測はできなかったのですが、本番用のビルドはおおよそ3~4分、開発環境での watch ビルドで変更が反映 (HMR)

[shingo-sasaki-0529]

一旦 Webpack 版と Vite 版を併用してフィーチャートグルで切替可能にしてるの良いねぇ。

[otchy210]

最近社内の勉強会でハンズオンを見たけど、JSX と TypeScript を含むセットアップ自体も驚異的に早くて (webpack 比) とても良さそうだった。

[ryouchi]

そんなのがあるのか “弊社では月に1度、主にレガシー改善を目的としたリファクタリングデーという日があり、この日にはステージング・本番でフルリグレッションテストが行われます。”

[ledsun]

WebpackのままでViteやesbuildと戦うのは厳しいって判断して、Turbopackはじめたのかな？