VuePressは、Vue.js製の静的サイトジェネレーターです。
うろ覚えですが前のときはまだ効いていたような気がしてたんですが、最近VuePressを使っていると...
あれ...? ホットリロードされてない...!?
という現象に出くわしたので、メモ的に残しておこうと思います。
執筆時のVuePressバージョン(2020/06/05時点)
"vuepress": "^1.5.0"
いまのところの解決策...!
調べてみると、2020/05/18時点でGitHubにissueが立てられていました。
Hot reload not working · Issue #2392 · vuejs/vuepress · GitHub
issueのコメントによると、どうやらwatchpackという依存パッケージのバージョンを変えればいまのところいいっぽい...。
package.json
に以下の記述を追加して、再度yarn install
します。
"resolutions": {
"watchpack": "1.6.1"
}
自分はこれでホットリロードが効くようになりました!
おそらくVuePress側のバグなのとissue対応の優先順位も高になっているので、次のバージョンあたりで修正されているんじゃないかなと思います、、、!
余談
package.json
の resolutions
フィールドは、直接的な依存関係はいじらずに対象の依存パッケージを指定したバージョンで上書きしてくれるような機能みたいです。
これを見るまで知らなかったので、少しタメになりました。