Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Vue2からVue3へのアップデートをどのように行っていったかの話

aoki ken
July 21, 2024
190

 Vue2からVue3へのアップデートをどのように行っていったかの話

aoki ken

July 21, 2024
Tweet

Transcript

  1. 開発構成( Vue2)
 • webpack
 • Vue2 + JavaScript or TypeScript


    • npm workspacesでReactと分離
 • いわゆるMPA(エントリーポイントが200近くある)
 • Go Templateから必要なjsを読み込む形式
 • FrontendのUIに関する単体テストなどはほとんどない

  2. 開発構成( Vue3)
 • Vite
 • Vue3 + JavaScript or TypeScript


    • npm workspacesでReact, Vue2と分離
 • いわゆるMPA(エントリーポイントが200近くある)
 • Go Templateから必要なjsを読み込む形式
 • FrontendのUIに関する単体テストなどはほとんどない

  3. バーンダウンチャートを見ながら振り返る(序盤) 
 • 専属2名体制
 • npm workspacesで異なるバージョ ンのVueを扱えるように
 • ViteでCSS-in-JSが動かず苦戦


    • 他の開発と衝突しないように若干慎 重気味
 • エントリーポイントに関連するファイル を移行していくのが無視できないくら い面倒
 設定周りなどで詰まり 思うように進捗が出ない