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