create-react-appからViteへの移行

はじめに create-react-app(CRA)がdeprecatedとなりました。 TypeScriptやwebpackをはじめとした依存ライブラリを上げるブロッカーになっている点などを踏まえ、移行が必要になっています。 Linc'wellでも、とあるCRAベースのプロダクトをViteに移行し、無事に本番リリースが完了しました。 この記事では、移行の流れや確認した点、工夫したポイントについてまとめて紹介します。 create-react-appからの移行とは CRAからの移行は、ローカル開発サーバー、本番ビルド、Jestによるテスト実行を提供するreact-scriptsというコマンドを剥がすのが主にやることになります。 具体的には以下の対応を行いました。 開発サーバーや本番ビルドはViteに移行 テスト実行はJestおよび設定を内包しているため、今回のタイミングでVitestに移行