首先,在舊版本的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中加入以下即可
1 2 3 4 5 6 |
watchers: { webpack: { aggregateTimeout: 300, poll: 1000 } }, |
其中,
aggregateTimeout代表第一次watch的delay時間,單位是millisecond
poll代表watch的間隔時間,單位也是millisecond
上面的例子就是當npm run dev建置完成後,300毫秒後會開始持續watch程式碼是否改變
而每次的間隔是1000毫秒