【ホットリロード】nuxtで編集(セーブ)した際に、自動反映できるようにする！

<template>
  <h1>こんにちは</h1>
</template>

nuxtでページを作った際に、保存内容が自動でページに反映されるものかと思っていましたが、どうやらデフォルトで自動反映されないそうです。

そこでコードをセーブしたときに自動で反映されるようにホットリロードの設定をしていきます。

ホットリロードの設定方法

nuxt.config.jsに以下のコードを追加します。

watchers: {
  webpack: {
    ignored: /node_modules/,
    poll: true,
  },
},

たったこれだけです。

あとは、dockerで作成した人はbuildし直して、コンテナを作り直してください！