首先,在舊版本的Docker engine中,Nuxt.js直接執行npm run dev是可以hot code reload的

也就是程式碼修改後會直接開到console畫面正在重新build,畫面上也就會相對的修改了

但是不曉得哪個版本後npm run dev再也無法hot code reload了

目前在Nuxt.js官網下找到的解決方案如下

參考網址 :

https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-watchers

https://webpack.js.org/configuration/watch/#watchoptions

https://github.com/nuxt/nuxt.js/issues/2481

根據以上解決方案,在nuxt.config.js中加入以下即可

其中,

aggregateTimeout代表第一次watch的delay時間,單位是millisecond

poll代表watch的間隔時間,單位也是millisecond

上面的例子就是當npm run dev建置完成後,300毫秒後會開始持續watch程式碼是否改變

而每次的間隔是1000毫秒