關閉熱模組HMR更新，工作筆記

如果是用JS 框架，對於 npm run dev 一定很不陌生。

以svelte 來說，npm run dev  底層是呼叫vite 。

由於在某些情況下，需要關閉HMR(熱模組)做功能上的校條與監控。

這時候 就可以加入 hmr:false ，將熱模組關閉 (圖1)

熱模組HMR關閉(圖1)

這樣子在開發功能上，就可以透過f5 更新來做頁面觀察了。

心得

HMR 熱模組是雙面刃，好處是 不需要時刻更新按f5，有新的功能寫好就會自動更新。

換而言之，在撰寫功能時 時常也會看到404 畫面，因為功能還沒寫好 就自動更新了。

最近因為要觀察背景更新 和writeable 的狀況，就把hmr 關掉 做檢查。

在做檢查時 發現到 打包出來的環境 和 關閉hmr 的開發環境很像。

在檢查 和使用功能時，不仿也關閉hmr 進行測試，會有不少收穫。