概要 担当プロジェクトでは基本モブプログラミングに取り組んでいるのですが、必要技術の研究や個人でやる方が向く作業用の時間を取っており、その時間を使って React の初期構築周りの知識習得も兼ねて create-react-app で作成したプロジェクトを Vite へ移行する作業を行いました。 参考にした記事とは React のバージョンなど異なる点もありましたので参考になる人もいるかと思い行った作業についてまとめ共有したいと思います。 参考 Vite Vite 公式 CRAからViteへ移行して190倍高速なdev server起動を得る - inSmartBank Vite がどういったものかと移行作業が参考リンクも含めて一番まとまっていた 環境 React: 17.0.2 craco: 6.4.3 typescript: 4.5.5 node.js: 16.14.2 Vite への
![create-react-app から Vite への移行](https://cdn-ak-scissors.b.st-hatena.com/image/square/ad9aaf5cc60ff0a85902b4cd723614b8ec809b47/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--IS1b3sED--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3Acreate-react-app%252520%2525E3%252581%25258B%2525E3%252582%252589%252520Vite%252520%2525E3%252581%2525B8%2525E3%252581%2525AE%2525E7%2525A7%2525BB%2525E8%2525A1%25258C%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aakineko%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2Y3MWFkNDUwODMuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)