Vue プロジェクトで全体的にパッケージをアップグレードする際の手順
WIP
1年半くらい前のVueプロジェクトをVue2->3に、その他各パッケージを総アップグレードしたのでメモ
1. Vue-CLIの導入
npm i -g @vue/cli
or
yarn global add @vue/cli
2. Vue2 -> 3に
vue add vue-next
3. その他Vue-CLIでアップグレードできる周辺プラグインをまとめて更新
vue upgrade
4. その他更新可能なプラグインを探索し、更新
yarn upgrade-interactive
プラグイン一覧が表示されたら、aを押して全選択し、Enterでまとめてアップグレード。
5. yarn serveするとVue3にて過不足パッケージの指摘が入るので支持に従う
# いらないらしいので消す
yarn remove vue-cli-plugin-vue-next
# 必要らしいので追加
yarn add @vue/compat
yarn add -D @vue/compiler-sfc
参考(https://v3.vuejs.org/guide/migration/migration-build.html#overview)