![クローバー](https://indent-box.com/wp-content/uploads/2021/05/illust1_01.png)
クローバー
よし!
手始めに適当にページを作ってみるか!
<template>
<h1>こんにちは</h1>
</template>
![クローバー](https://indent-box.com/wp-content/uploads/2021/05/illust1_04-150x150.png)
クローバー
あれ?
nuxtでコードを保存したのに、勝手に反映されない!?
nuxtでページを作った際に、保存内容が自動でページに反映されるものかと思っていましたが、どうやらデフォルトで自動反映されないそうです。
そこでコードをセーブしたときに自動で反映されるようにホットリロードの設定をしていきます。
ホットリロードの設定方法
nuxt.config.jsに以下のコードを追加します。
watchers: {
webpack: {
ignored: /node_modules/,
poll: true,
},
},
たったこれだけです。
あとは、dockerで作成した人はbuildし直して、コンテナを作り直してください!
![クローバー](https://indent-box.com/wp-content/uploads/2021/05/illust1_05-150x150.png)
クローバー
たったこれだけで良いんだ!
コメント