熱更新

介紹下 webpack 熱更新原理，是如何作到在不刷新瀏覽器的前提下更新頁面

 

1.當修改了一個或多個文件；
2.文件系統接收更改並通知webpack；
3.webpack從新編譯構建一個或多個模塊，並通知HMR服務器進行更新；
4.HMR Server 使用webSocket通知HMR runtime 須要更新，HMR運行時經過HTTP請求更新jsonp；
5.HMR運行時替換更新中的模塊，若是肯定這些模塊沒法更新，則觸發整個頁面刷新。