1. 程式人生 > >react 模組熱更新(Hot Module Replacement)

react 模組熱更新(Hot Module Replacement)

1  修改package.json中的設定

2   修改index.js  當模組更新的時候, 通知index.js

3  使用npm start  修改頁面的內容發現不會再重新整理頁面,只是替換了修改的部分

tip :  修改程式碼內容,發現頁面上的內容並沒有發生變化, 後面找到問題答案是因為  webpack-dev-server版本問題

更新版本, 顯示正常   使用2.5.0版本

 

4 修改home.js   發現修改home.js中程式碼時,state中count欄位為0 沒法保持state等頁面其他狀態

 

5   react-hot-loader 模組可以保證狀態儲存下來  安裝此模組

6  修改.babelrc配置檔案

 

7  修改webpack.dev.config.js

8  修改index.js    使用命令 npm start  檢視區域性重新整理後, state的值未發生變化