作用

在內(nèi)存中構(gòu)建了一個(gè)臨時(shí)的服務(wù)器

配置

1,contentBase

告訴服務(wù)器,從哪個(gè)文件夾中獲取內(nèi)容

2,port

配置請(qǐng)求的端口號(hào),默認(rèn)為8080

3,open

當(dāng)開(kāi)啟服務(wù)器時(shí),自動(dòng)打開(kāi)頁(yè)面

4,hot

開(kāi)啟HMR,必須有new webpack.HotModuleReplacementPlugin(),才能完全啟用
當(dāng)使用HMR時(shí),必須使用module.hot.accept,來(lái)監(jiān)聽(tīng)修改文件的變化,才會(huì)觸發(fā)對(duì)應(yīng)的實(shí)現(xiàn),
例如vue,style-loader里面,都已經(jīng)實(shí)現(xiàn)了module.hot.accept,所以才可以修改后就立刻改變,無(wú)需刷新

image.png

5,overlay

顯示錯(cuò)誤了警告,出現(xiàn)全屏覆蓋層,如Eslint配置后提示

image.png