webpack4.41.0配置四(熱替換)

每次修改都要去編譯，這個操做比較繁瑣。因此咱們但願編譯過程是自動化的，並且頁面的更新也是自動化的。因此須要使用這個熱替換

1.首先安裝webpack-dev-server：npm install  webpack-dev-server -D(-D生產環境下)

（做用爲：啓動服務而且可以支持熱替換）

2.更改一下咱們的配置文件

 3.啓動webpack-dev-server

由於咱們沒有全局安裝webpack-dev-server，因此不能在終端輸入webpack-dev-server去啓動，咱們須要去package.json中建立命令

之因此這個方式能夠，是由於它們查找的方式不同，它會先去mode_modules文件夾中尋找webpack-dev-server。在終端直接輸入webpack-dev-server會去path路徑中去找。

執行npm run start

啓動以後能夠去瀏覽器中輸入localhost:8080訪問頁面

而後能夠在template.html中修改頁面內容，便可獲得當即更新

 4.添加熱替換功能

而後從新npm run start,如今就是具有熱替換功能的服務器了

當hotOnly:false時，咱們在頁面進行了更改只須要保存，不須要進行頁面更新就能夠獲得修改事後的數據

因此說這是一個坑，咱們能夠把hotOnly在配置中去掉，webpack都具有熱替換的功能(只是webpack4和webpack3不同的地方，webpack3須要明確的指出hotOnly纔會具有熱替換的功能)

最後webpack4.41.0環境搭建和簡單使用就到此結束啦！以後須要本身多結合項目去深刻理解！
最後附上我學習Webpack中的學習視頻：https://www.bilibili.com/video/av51893932/