Nuxt 2.4.0 へ移行した

Nuxt 2.4.0 がリリースされたので、会社のWEBサイトで、本番に反映してみた。 ja.nuxtjs.org

やったこと

storeをモジュールモードへ

https://ja.nuxtjs.org/guide/vuex-store/ クラシックモード使ってると、警告が出たので、モジュールモードに変更。

プラグインのファイル名変更

plugins: [
  { src: '~/plugins/plugin.js', ssr: false }
]

を、

plugins: [
  '~/plugins/plugin.client.js'
]

に変更。 ファイル名だけで、SSRの時、読み込まないようにするとかが、分かりやすくなった。

yarn.lock削除して、yarn install

念のため一旦削除

エラったこと

NODE_ENV=production yarn run build 時だけ、file-loader がなくてエラーが起きた。 単に、yarn add file-loader 後に、buildしたらできたけど、前までは必要なかったから原因よくわからないまま。

感想

さらなる速度改善によるUXの改善が見込めそう。 まだ、5時間ぐらいしか本番運用して、経過してないけど、安定して動いてくれてて、毎回コミュニティの方々には感謝しかない。 NuxtとVueのコミュニティの方々に、寄付しないといけないなと思った。

あと、そろそろNuxt Usersに感謝の気持ちを書かないと。 Nuxt Users 💻 · Issue #4681 · nuxt/nuxt.js · GitHub