webpack-dev-server的自動刷新是怎么實現的?
慕課網官方_運營中心
2017-07-21 17:55:31
TA貢獻11條經驗 獲得超21個贊
webpack-dev-server實際上使用的是一個nodejs做的服務,并且webpack-dev-server還會在我們的頁面里注入一個client,這個client和nodejs的服務通過socket的方式做了個連接,就可以實現瀏覽器和nodejs服務進行通信了。webpack-dev-server這個服務同時還會監聽本地文件的改動,當我們修改文件時nodejs就會得到通知,然后拿到最新的文件內容編譯成新的模塊結構,編譯完成后再通知client做刷新頁面的操作來請求最新的資源,這樣就實現了修改文件后的自動刷新。
舉報