➡️
Nuxt2 → 3 移行 参考資料まとめ
はじめに
現在よりそうでは Nuxt2 → 3 移行を行っています。
参考にした記事や資料を随時こちらにまとめていきます。
移行事例
- 事例多数
- ざっくり解説
- 1300 vue ファイル
- 漸進的に進められるように独自のマイクロフロントエンドフレームワークを構築
- 移行後のパフォーマンスについて紹介
- Nuxt3 移行の戦略の詳細を紹介
- Nuxt Bridge を使わずに移行。その理由も紹介。
- 上のスライドのブログ版
- 移行時のハマりポイントをコードレベルで紹介
- Nuxt.js → Next.js
- プロダクトチームから1人が独立して移行作業する形で実施
- 2021 年と古めだが進め方の参考になりそう
Nuxt Bridge 関連
- Nuxt Bridge に適しているケースを説明
- 移行周りの参考資料をいくつか紹介
Nuxt 移行に便利なツール
- Nuxt3 でも Nuxt2 同様 Vuex を使えるようにする Nuxt Module
- @nuxtjs/gtm が Nuxt3 でサポートされていないのでこちらを利用
- vue-gtm を wrap している薄いものなのでいざとなったら代替可能そうという理由で採用
nuxt/auth の移行
- nuxt/auth を nuxt-auth 移行する手順を記録した記事。
@nuxtjs/sentry の移行
Vuetify の移行
- このようなモジュール無しでも移行できるが、カスタムの SCSS の読み込み周りで警告が出たのでこちらを利用してみたところ解決した。
Nuxt3 からの変更点
- 環境変数周りの扱いについて
おわりに
随時更新していきます!
「よりそう力で世界を変える」 ライフエンディングプラットフォームを構築しています。 エンジニア募集中です。 herp.careers/v1/yorisoinc/requisition-groups/048a2e23-3f4a-4406-9694-f967113beca9
Discussion
大変参考になりました!現在 Nuxt2 -> bridge →Nuxt3への移行をしているのですが、
こちらのエラーが直りません。
公式ライブラリ等も参照したのですが、何か思い当たる箇所がございましたら教えていただければ幸いです!
スライドを参照にさせていただいたのですが、
bridge: false,にしないとParseError: Unexpected token, expected ","
になってしまいます。