每次修改都要去編譯，這個操作比較繁瑣。所以我們希望編譯過程是自動化的，而且頁面的更新也是自動化的。所以需要使用這個熱替換
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配置熱更新
目錄 step1 step2 step3 在資料夾中建立3個資料夾，分別是 src dist config 然後在src下建立乙個main.js 在dist下建立乙個index.html 在config下建立乙個webpack.dev.js 使用命令列，輸入 git init 建立乙個git的.檔案...
webpack配置 公升級版熱更新HMR
在上篇文章中簡單的配置了下熱更新，用於了解的，本篇文章解決熱更新的效能優化問題。在webpack.config.js檔案中的devserver屬性中增加hot true 在配置hot true時，如果出現uncaught error hmr hot module replacement is dis...
webpack你配置了什麼？如何實現熱部署？
1 安裝步驟 1 安裝好node和npm，在根目錄下生成package.json檔案 通過npm init執行 2 通過全域性安裝webpack 3 配置webpack entry 入口檔案的配置項，它是乙個陣列的原因是webpack允許多個入口點 output 輸出檔案的配置項 plugins 舉...